# สี #e2c17a: โทนพาสเทล เฉดอ่อนของสีเหลือง

#e2c17a คือ rgb(226, 193, 122) ใน RGB และ oklch(82.387% 0.09727 85.421) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e2c17a |
| RGB | rgb(226, 193, 122) |
| HSL | hsl(40.96, 64.2%, 68.24%) |
| HSB / HSV | hsv(40.96 46.02% 88.63%) |
| HWB | hwb(40.96 47.84% 11.37%) |
| CMYK | cmyk(0% 15% 46% 11%) |
| Lab | lab(79.8 5.42 40.2) |
| LCH | lch(79.8 40.56 82.32) |
| OKLab | oklab(82.387% 0.00776 0.09696) |
| OKLCH | oklch(82.387% 0.09727 85.421) |
| Display P3 | color(display-p3 0.86514 0.76163 0.51564) |
| Rec. 2020 | color(rec2020 0.81326 0.73735 0.4722) |
| Adobe RGB | color(a98-rgb 0.84796 0.75135 0.49028) |
| ProPhoto RGB | color(prophoto-rgb 0.75706 0.71456 0.45675) |
| sRGB เชิงเส้น | color(srgb-linear 0.76052 0.53328 0.19462) |
| XYZ D65 | color(xyz-d65 0.53945 0.55715 0.26326) |
| XYZ D50 | color(xyz-d50 0.56488 0.56331 0.20134) |
| SwiftUI | Color(red: 0.886, green: 0.757, blue: 0.478) |
| UIKit | UIColor(red: 0.886, green: 0.757, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFFE2C17A) |
| Android XML | #E2C17A |

## ข้อมูล

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

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

#e2c17a, #e5c788, #e8ce96, #ebd4a3, #eedab1, #f1e0be, #f4e6cb, #f6edd8, #f9f3e5, #fcf9f2

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

#e2c17a, #c4a769, #a88f59, #8c7749, #715f3a, #57492b, #3e341d, #272010, #120e05, #030201

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

#e2c17a, #dfc283, #dcc28b, #d9c393, #d7c39b, #d4c4a2, #d1c4a9, #cec4b0, #cbc5b7, #c8c5be

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

- คู่ตรงข้าม: #e2c17a, #a7c5ff
- คู่ตรงข้ามแยก: #e2c17a, #84d0fc, #cab9fe
- ข้างเคียง: #e2c17a, #f7b588, #c2cd83
- สามเส้า: #e2c17a, #71d8e4, #e6b0e8
- สี่เหลี่ยมผืนผ้า: #e2c17a, #9dd79f, #a7c5ff, #e6b0e8
- สี่เหลี่ยมจัตุรัส: #e2c17a, #7cdac2, #a7c5ff, #f9abc8
- โทนสีเดียว: #e2c17a, #96772f, #bb9b55, #ffe8a0, #fff2b9

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

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

#e2c17a เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(226, 193, 122) ใน HSL คือ hsl(40.96, 64.2%, 68.24%) และใน OKLCH คือ oklch(82.387% 0.09727 85.421)

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

สีตรงข้ามของ #e2c17a คือ #a7c5ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f7b588 และ #c2cd83 ส่วนสีสามเส้าคือ #71d8e4 และ #e6b0e8

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

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

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

#e2c17a เป็นสีโทนร้อน ใน OKLCH มีฮิว 85 องศา ความสว่าง 82.4% และความสด 0.097