# สี #e2a35e: โทนละมุน เฉดอ่อนของสีเหลืองอำพัน

#e2a35e คือ rgb(226, 163, 94) ใน RGB และ oklch(76.174% 0.11393 67.159) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e2a35e |
| RGB | rgb(226, 163, 94) |
| HSL | hsl(31.36, 69.47%, 62.75%) |
| HSB / HSV | hsv(31.36 58.41% 88.63%) |
| HWB | hwb(31.36 36.86% 11.37%) |
| CMYK | cmyk(0% 28% 58% 11%) |
| Lab | lab(72.13 18.76 45.03) |
| LCH | lch(72.13 48.78 67.38) |
| OKLab | oklab(76.174% 0.04422 0.10499) |
| OKLCH | oklch(76.174% 0.11393 67.159) |
| Display P3 | color(display-p3 0.84916 0.64945 0.41199) |
| Rec. 2020 | color(rec2020 0.77595 0.62081 0.36166) |
| Adobe RGB | color(a98-rgb 0.82108 0.63336 0.38478) |
| ProPhoto RGB | color(prophoto-rgb 0.70952 0.59929 0.35216) |
| sRGB เชิงเส้น | color(srgb-linear 0.76052 0.36625 0.11193) |
| XYZ D65 | color(xyz-d65 0.4648 0.43173 0.16475) |
| XYZ D50 | color(xyz-d50 0.48872 0.43856 0.12608) |
| SwiftUI | Color(red: 0.886, green: 0.639, blue: 0.369) |
| UIKit | UIColor(red: 0.886, green: 0.639, blue: 0.369, alpha: 1) |
| Flutter / Compose | Color(0xFFE2A35E) |
| Android XML | #E2A35E |

## ข้อมูล

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

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

#e2a35e, #e5ac70, #e9b680, #ecbf91, #efc8a1, #f2d1b0, #f5dac0, #f8e4d0, #faede0, #fdf6ef

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

#e2a35e, #c48d51, #a87844, #8c6337, #714f2b, #573c1f, #3e2a14, #27190a, #120a03, #030100

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

#e2a35e, #dda568, #d9a772, #d4a87b, #d0aa83, #cbab8b, #c6ad93, #c1ae9b, #bcafa3, #b7b0aa

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

- คู่ตรงข้าม: #e2a35e, #73b8f6
- คู่ตรงข้ามแยก: #e2a35e, #49c3e1, #9fabfa
- ข้างเคียง: #e2a35e, #f0977d, #c6b257
- สามเส้า: #e2a35e, #45c9be, #c59eea
- สี่เหลี่ยมผืนผ้า: #e2a35e, #9ebf6e, #73b8f6, #c59eea
- สี่เหลี่ยมจัตุรัส: #e2a35e, #6fc895, #73b8f6, #e095cc
- โทนสีเดียว: #e2a35e, #945a04, #ba7e37, #ffc984, #ffefd1

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

### #e2a35e คือสีอะไร

#e2a35e เป็นโทนละมุน เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(226, 163, 94) ใน HSL คือ hsl(31.36, 69.47%, 62.75%) และใน OKLCH คือ oklch(76.174% 0.11393 67.159)

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

สีตรงข้ามของ #e2a35e คือ #73b8f6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f0977d และ #c6b257 ส่วนสีสามเส้าคือ #45c9be และ #c59eea

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

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

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

#e2a35e เป็นสีโทนร้อน ใน OKLCH มีฮิว 67 องศา ความสว่าง 76.2% และความสด 0.114