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

#ecb77a คือ rgb(236, 183, 122) ใน RGB และ oklch(81.423% 0.09916 69.616) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ecb77a |
| RGB | rgb(236, 183, 122) |
| HSL | hsl(32.11, 75%, 70.2%) |
| HSB / HSV | hsv(32.11 48.31% 92.55%) |
| HWB | hwb(32.11 47.84% 7.45%) |
| CMYK | cmyk(0% 22% 48% 7%) |
| Lab | lab(78.34 14.46 38.66) |
| LCH | lch(78.34 41.27 69.5) |
| OKLab | oklab(81.423% 0.03454 0.09295) |
| OKLCH | oklch(81.423% 0.09916 69.616) |
| Display P3 | color(display-p3 0.89316 0.72583 0.51252) |
| Rec. 2020 | color(rec2020 0.83132 0.70224 0.4678) |
| Adobe RGB | color(a98-rgb 0.86922 0.71183 0.48765) |
| ProPhoto RGB | color(prophoto-rgb 0.77201 0.68161 0.45078) |
| sRGB เชิงเส้น | color(srgb-linear 0.8388 0.47353 0.19462) |
| XYZ D65 | color(xyz-d65 0.55037 0.53107 0.25765) |
| XYZ D50 | color(xyz-d50 0.576 0.53789 0.19663) |
| SwiftUI | Color(red: 0.925, green: 0.718, blue: 0.478) |
| UIKit | UIColor(red: 0.925, green: 0.718, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFFECB77A) |
| Android XML | #ECB77A |

## ข้อมูล

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

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

#ecb77a, #eebe88, #f0c696, #f3cda3, #f5d4b0, #f6dbbe, #f8e2cb, #faead8, #fcf1e5, #fdf8f2

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

#ecb77a, #cd9f69, #af8759, #927049, #765a3a, #5b452b, #42311d, #291e10, #130c05, #030201

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

#ecb77a, #e8b882, #e4ba8a, #e0bb92, #dcbc99, #d8bda0, #d4bea7, #cfbfae, #cbc0b5, #c7c1bc

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

- คู่ตรงข้าม: #ecb77a, #90c8ff
- คู่ตรงข้ามแยก: #ecb77a, #72d2ee, #b5bcff
- ข้างเคียง: #ecb77a, #faac92, #d1c477
- สามเส้า: #ecb77a, #6dd7d0, #d6b1f3
- สี่เหลี่ยมผืนผ้า: #ecb77a, #aecf8b, #90c8ff, #d6b1f3
- สี่เหลี่ยมจัตุรัส: #ecb77a, #87d6ac, #90c8ff, #eea9d7
- โทนสีเดียว: #ecb77a, #9e6d30, #c49155, #ffe1af, #fff0cf

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

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

#ecb77a เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(236, 183, 122) ใน HSL คือ hsl(32.11, 75%, 70.2%) และใน OKLCH คือ oklch(81.423% 0.09916 69.616)

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

สีตรงข้ามของ #ecb77a คือ #90c8ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #faac92 และ #d1c477 ส่วนสีสามเส้าคือ #6dd7d0 และ #d6b1f3

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

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

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

#ecb77a เป็นสีโทนร้อน ใน OKLCH มีฮิว 70 องศา ความสว่าง 81.4% และความสด 0.099