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

#ecc389 คือ rgb(236, 195, 137) ใน RGB และ oklch(83.981% 0.088 75.705) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ecc389 |
| RGB | rgb(236, 195, 137) |
| HSL | hsl(35.15, 72.26%, 73.14%) |
| HSB / HSV | hsv(35.15 41.95% 92.55%) |
| HWB | hwb(35.15 53.73% 7.45%) |
| CMYK | cmyk(0% 17% 42% 7%) |
| Lab | lab(81.46 9.55 34.91) |
| LCH | lch(81.46 36.19 74.7) |
| OKLab | oklab(83.981% 0.02173 0.08528) |
| OKLCH | oklch(83.981% 0.088 75.705) |
| Display P3 | color(display-p3 0.89967 0.77076 0.56721) |
| Rec. 2020 | color(rec2020 0.84704 0.74932 0.52639) |
| Adobe RGB | color(a98-rgb 0.8802 0.75928 0.54418) |
| ProPhoto RGB | color(prophoto-rgb 0.79339 0.72908 0.5074) |
| sRGB เชิงเส้น | color(srgb-linear 0.8388 0.54572 0.25016) |
| XYZ D65 | color(xyz-d65 0.5862 0.58671 0.31905) |
| XYZ D50 | color(xyz-d50 0.61175 0.59301 0.2433) |
| SwiftUI | Color(red: 0.925, green: 0.765, blue: 0.537) |
| UIKit | UIColor(red: 0.925, green: 0.765, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFFECC389) |
| Android XML | #ECC389 |

## ข้อมูล

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

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

#ecc389, #eec995, #f0cfa1, #f2d5ad, #f4dbb9, #f6e1c5, #f8e7d0, #faeddc, #fcf3e8, #fdf9f3

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

#ecc389, #cda976, #af9064, #927853, #766042, #5b4a31, #423422, #292014, #130e07, #030201

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

#ecc389, #e9c490, #e5c597, #e2c69e, #dfc6a5, #dcc7ab, #d8c8b2, #d5c9b8, #d1c9be, #cecac4

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

- คู่ตรงข้าม: #ecc389, #a5cdff
- คู่ตรงข้ามแยก: #ecc389, #89d7f6, #c5c3ff
- ข้างเคียง: #ecc389, #fcb99a, #d2ce8b
- สามเส้า: #ecc389, #81dddd, #e1b9f2
- สี่เหลี่ยมผืนผ้า: #ecc389, #b1d89f, #a5cdff, #e1b9f2
- สี่เหลี่ยมจัตุรัส: #ecc389, #92ddbd, #a5cdff, #f5b4d7
- โทนสีเดียว: #ecc389, #9f7940, #c59d64, #ffecbf, #fff0c8

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

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

#ecc389 เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(236, 195, 137) ใน HSL คือ hsl(35.15, 72.26%, 73.14%) และใน OKLCH คือ oklch(83.981% 0.088 75.705)

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

สีตรงข้ามของ #ecc389 คือ #a5cdff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fcb99a และ #d2ce8b ส่วนสีสามเส้าคือ #81dddd และ #e1b9f2

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

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

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

#ecc389 เป็นสีโทนร้อน ใน OKLCH มีฮิว 76 องศา ความสว่าง 84% และความสด 0.088