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

#ecba75 คือ rgb(236, 186, 117) ใน RGB และ oklch(81.918% 0.10412 74.41) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ecba75 |
| RGB | rgb(236, 186, 117) |
| HSL | hsl(34.79, 75.8%, 69.22%) |
| HSB / HSV | hsv(34.79 50.42% 92.55%) |
| HWB | hwb(34.79 45.88% 7.45%) |
| CMYK | cmyk(0% 21% 50% 7%) |
| Lab | lab(79.01 12.63 42) |
| LCH | lch(79.01 43.86 73.27) |
| OKLab | oklab(81.918% 0.02798 0.10029) |
| OKLCH | oklch(81.918% 0.10412 74.41) |
| Display P3 | color(display-p3 0.89475 0.73704 0.49762) |
| Rec. 2020 | color(rec2020 0.83437 0.71371 0.45262) |
| Adobe RGB | color(a98-rgb 0.8719 0.72367 0.47082) |
| ProPhoto RGB | color(prophoto-rgb 0.77434 0.69271 0.43757) |
| sRGB เชิงเส้น | color(srgb-linear 0.8388 0.49102 0.17789) |
| XYZ D65 | color(xyz-d65 0.5536 0.54237 0.24383) |
| XYZ D50 | color(xyz-d50 0.58034 0.54942 0.18638) |
| SwiftUI | Color(red: 0.925, green: 0.729, blue: 0.459) |
| UIKit | UIColor(red: 0.925, green: 0.729, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFFECBA75) |
| Android XML | #ECBA75 |

## ข้อมูล

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

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

#ecba75, #eec184, #f0c892, #f2cfa0, #f4d6ae, #f6ddbc, #f8e4c9, #faebd7, #fcf1e4, #fdf8f2

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

#ecba75, #cda165, #af8955, #927246, #765c37, #5b4629, #42321c, #291e0f, #130d05, #030201

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

#ecba75, #e8bb7e, #e4bc87, #e0be8f, #dcbf97, #d8c09f, #d4c0a7, #d0c1ae, #ccc2b5, #c8c3bd

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

- คู่ตรงข้าม: #ecba75, #95c7ff
- คู่ตรงข้ามแยก: #ecba75, #72d2f6, #bcbbff
- ข้างเคียง: #ecba75, #fdae8c, #cec876
- สามเส้า: #ecba75, #66d9d8, #ddb0f3
- สี่เหลี่ยมผืนผ้า: #ecba75, #a8d38e, #95c7ff, #ddb0f3
- สี่เหลี่ยมจัตุรัส: #ecba75, #7fd9b2, #95c7ff, #f5a9d4
- โทนสีเดียว: #ecba75, #9e7028, #c4944f, #ffe3ac, #fff0ca

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

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

#ecba75 เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(236, 186, 117) ใน HSL คือ hsl(34.79, 75.8%, 69.22%) และใน OKLCH คือ oklch(81.918% 0.10412 74.41)

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

สีตรงข้ามของ #ecba75 คือ #95c7ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fdae8c และ #cec876 ส่วนสีสามเส้าคือ #66d9d8 และ #ddb0f3

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

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

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

#ecba75 เป็นสีโทนร้อน ใน OKLCH มีฮิว 74 องศา ความสว่าง 81.9% และความสด 0.104