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

#ecc57d คือ rgb(236, 197, 125) ใน RGB และ oklch(84.172% 0.10065 81.976) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ecc57d |
| RGB | rgb(236, 197, 125) |
| HSL | hsl(38.92, 74.5%, 70.78%) |
| HSB / HSV | hsv(38.92 47.03% 92.55%) |
| HWB | hwb(38.92 49.02% 7.45%) |
| CMYK | cmyk(0% 17% 47% 7%) |
| Lab | lab(81.8 7.7 41.41) |
| LCH | lch(81.8 42.12 79.47) |
| OKLab | oklab(84.172% 0.01405 0.09967) |
| OKLCH | oklch(84.172% 0.10065 81.976) |
| Display P3 | color(display-p3 0.90081 0.77827 0.52861) |
| Rec. 2020 | color(rec2020 0.84834 0.7568 0.48614) |
| Adobe RGB | color(a98-rgb 0.8821 0.76721 0.50194) |
| ProPhoto RGB | color(prophoto-rgb 0.79194 0.73602 0.47044) |
| sRGB เชิงเส้น | color(srgb-linear 0.8388 0.55834 0.20508) |
| XYZ D65 | color(xyz-d65 0.58258 0.59247 0.2777) |
| XYZ D50 | color(xyz-d50 0.61016 0.59933 0.21233) |
| SwiftUI | Color(red: 0.925, green: 0.773, blue: 0.49) |
| UIKit | UIColor(red: 0.925, green: 0.773, blue: 0.49, alpha: 1) |
| Flutter / Compose | Color(0xFFECC57D) |
| Android XML | #ECC57D |

## ข้อมูล

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

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

#ecc57d, #eecb8b, #f0d198, #f2d7a6, #f4ddb3, #f6e2c0, #f8e8cc, #faeed9, #fbf4e6, #fdf9f2

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

#ecc57d, #cdab6c, #af925b, #92794b, #76613b, #5b4b2c, #42351e, #292111, #130e05, #030201

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

#ecc57d, #e9c686, #e6c78f, #e2c797, #dfc89f, #dcc9a7, #d8c9ae, #d5cab5, #d2cabd, #cecbc4

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

- คู่ตรงข้าม: #ecc57d, #a8ccff
- คู่ตรงข้ามแยก: #ecc57d, #84d7ff, #ccbfff
- ข้างเคียง: #ecc57d, #ffb98e, #ccd284
- สามเส้า: #ecc57d, #72dfe7, #eab5f2
- สี่เหลี่ยมผืนผ้า: #ecc57d, #a6dc9f, #a8ccff, #eab5f2
- สี่เหลี่ยมจัตุรัส: #ecc57d, #81e1c4, #a8ccff, #ffb0d2
- โทนสีเดียว: #ecc57d, #9f7a31, #c59f57, #ffeeb6, #fff1bf

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

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

#ecc57d เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(236, 197, 125) ใน HSL คือ hsl(38.92, 74.5%, 70.78%) และใน OKLCH คือ oklch(84.172% 0.10065 81.976)

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

สีตรงข้ามของ #ecc57d คือ #a8ccff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffb98e และ #ccd284 ส่วนสีสามเส้าคือ #72dfe7 และ #eab5f2

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

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

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

#ecc57d เป็นสีโทนร้อน ใน OKLCH มีฮิว 82 องศา ความสว่าง 84.2% และความสด 0.101