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

#e2c575 คือ rgb(226, 197, 117) ใน RGB และ oklch(83.11% 0.10496 90.109) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e2c575 |
| RGB | rgb(226, 197, 117) |
| HSL | hsl(44.04, 65.27%, 67.25%) |
| HSB / HSV | hsv(44.04 48.23% 88.63%) |
| HWB | hwb(44.04 45.88% 11.37%) |
| CMYK | cmyk(0% 13% 48% 11%) |
| Lab | lab(80.75 3.11 43.84) |
| LCH | lch(80.75 43.95 85.95) |
| OKLab | oklab(83.11% -0.0002 0.10496) |
| OKLCH | oklch(83.11% 0.10496 90.109) |
| Display P3 | color(display-p3 0.8675 0.77668 0.50145) |
| Rec. 2020 | color(rec2020 0.81792 0.75295 0.45792) |
| Adobe RGB | color(a98-rgb 0.8519 0.76721 0.47391) |
| ProPhoto RGB | color(prophoto-rgb 0.76116 0.73 0.44463) |
| sRGB เชิงเส้น | color(srgb-linear 0.76052 0.55834 0.17789) |
| XYZ D65 | color(xyz-d65 0.54539 0.57387 0.25034) |
| XYZ D50 | color(xyz-d50 0.57214 0.58026 0.19182) |
| SwiftUI | Color(red: 0.886, green: 0.773, blue: 0.459) |
| UIKit | UIColor(red: 0.886, green: 0.773, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFFE2C575) |
| Android XML | #E2C575 |

## ข้อมูล

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

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

#e2c575, #e5cb84, #e8d192, #ebd7a1, #eeddae, #f1e2bc, #f3e8ca, #f6eed7, #f9f4e4, #fcf9f2

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

#e2c575, #c4ab65, #a89255, #8c7946, #716137, #574b29, #3e351c, #27210f, #120e05, #030201

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

#e2c575, #dfc57f, #ddc688, #dac691, #d7c799, #d5c7a1, #d2c7a9, #cfc7b1, #cdc7b9, #cac7c0

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

- คู่ตรงข้าม: #e2c575, #adc5ff
- คู่ตรงข้ามแยก: #e2c575, #86d1ff, #d2b8ff
- ข้างเคียง: #e2c575, #fab881, #bfd283
- สามเส้า: #e2c575, #6bdaed, #efafe8
- สี่เหลี่ยมผืนผ้า: #e2c575, #95dba4, #adc5ff, #efafe8
- สี่เหลี่ยมจัตุรัส: #e2c575, #72deca, #adc5ff, #ffabc5
- โทนสีเดียว: #e2c575, #967a27, #bb9f4f, #ffec9b, #fff3ac

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

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

#e2c575 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(226, 197, 117) ใน HSL คือ hsl(44.04, 65.27%, 67.25%) และใน OKLCH คือ oklch(83.11% 0.10496 90.109)

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

สีตรงข้ามของ #e2c575 คือ #adc5ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fab881 และ #bfd283 ส่วนสีสามเส้าคือ #6bdaed และ #efafe8

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

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

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

#e2c575 เป็นสีโทนร้อน ใน OKLCH มีฮิว 90 องศา ความสว่าง 83.1% และความสด 0.105