# สี #8a5a45: โทนตุ่น สีน้ำตาล

#8a5a45 คือ rgb(138, 90, 69) ใน RGB และ oklch(51.494% 0.07126 44.358) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/color/8a5a45

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #8a5a45 |
| RGB | rgb(138, 90, 69) |
| HSL | hsl(18.26, 33.33%, 40.59%) |
| HSB / HSV | hsv(18.26 50% 54.12%) |
| HWB | hwb(18.26 27.06% 45.88%) |
| CMYK | cmyk(0% 35% 50% 46%) |
| Lab | lab(43.28 18.51 20.64) |
| LCH | lch(43.28 27.72 48.12) |
| OKLab | oklab(51.494% 0.05095 0.04982) |
| OKLCH | oklch(51.494% 0.07126 44.358) |
| Display P3 | color(display-p3 0.51395 0.36121 0.28478) |
| Rec. 2020 | color(rec2020 0.42833 0.31157 0.22525) |
| Adobe RGB | color(a98-rgb 0.49276 0.35454 0.2809) |
| ProPhoto RGB | color(prophoto-rgb 0.38169 0.30214 0.22427) |
| sRGB เชิงเส้น | color(srgb-linear 0.25415 0.10224 0.05951) |
| XYZ D65 | color(xyz-d65 0.15211 0.13146 0.07367) |
| XYZ D50 | color(xyz-d50 0.15872 0.13345 0.05596) |
| SwiftUI | Color(red: 0.541, green: 0.353, blue: 0.271) |
| UIKit | UIColor(red: 0.541, green: 0.353, blue: 0.271, alpha: 1) |
| Flutter / Compose | Color(0xFF8A5A45) |
| Android XML | #8A5A45 |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนตุ่น สีน้ำตาล
- กลุ่มสี: สีน้ำตาล, โทนตุ่น สีน้ำตาล
- คลาส Tailwind ที่ใกล้ที่สุด: taupe-500
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 5.79:1
- คอนทราสต์กับสีดำ: 3.63:1

## สีผสมขาว (Tint)

#8a5a45, #966956, #a27968, #ad897a, #b9998c, #c5aa9e, #d0bab1, #dccbc4, #e8dcd7, #f3eeeb

## สีผสมดำ (Shade)

#8a5a45, #774d3b, #654131, #533527, #42291e, #321e15, #22130c, #140905, #070302, #010000

## สีผสมเทา (Tone)

#8a5a45, #875c49, #845d4c, #805f50, #7d6053, #7a6157, #76635a, #73645e, #6f6561, #6b6664

## ชุดสีที่เข้ากัน

- คู่ตรงข้าม: #8a5a45, #337086
- คู่ตรงข้ามแยก: #8a5a45, #2b7474, #4b6990
- ข้างเคียง: #8a5a45, #8c565b, #806137
- สามเส้า: #8a5a45, #3c755d, #63628f
- สี่เหลี่ยมผืนผ้า: #8a5a45, #6e6a37, #337086, #63628f
- สี่เหลี่ยมจัตุรัส: #8a5a45, #567146, #337086, #775b84
- โทนสีเดียว: #8a5a45, #431a05, #663925, #b07d67, #d7a28b

## คำถามเกี่ยวกับ #8a5a45

### #8a5a45 คือสีอะไร

#8a5a45 เป็นโทนตุ่น สีน้ำตาล ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีน้ำตาล ใน RGB คือ rgb(138, 90, 69) ใน HSL คือ hsl(18.26, 33.33%, 40.59%) และใน OKLCH คือ oklch(51.494% 0.07126 44.358)

### สีอะไรเข้ากับ #8a5a45

สีตรงข้ามของ #8a5a45 คือ #337086 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8c565b และ #806137 ส่วนสีสามเส้าคือ #3c755d และ #63628f

### ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #8a5a45

ตัวอักษรสีขาวอ่านง่ายกว่าบน #8a5a45: สีขาวให้อัตราคอนทราสต์ 5.79:1 และสีดำให้ 3.63:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

### #8a5a45 เป็นสีโทนร้อนหรือโทนเย็น

#8a5a45 เป็นสีโทนร้อน ใน OKLCH มีฮิว 44 องศา ความสว่าง 51.5% และความสด 0.071