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

#ccd189 คือ rgb(204, 209, 137) ใน RGB และ oklch(84.008% 0.09346 111.618) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccd189 |
| RGB | rgb(204, 209, 137) |
| HSL | hsl(64.17, 43.9%, 67.84%) |
| HSB / HSV | hsv(64.17 34.45% 81.96%) |
| HWB | hwb(64.17 53.73% 18.04%) |
| CMYK | cmyk(2% 0% 34% 18%) |
| Lab | lab(82.2 -9.94 35.16) |
| LCH | lch(82.2 36.54 105.79) |
| OKLab | oklab(84.008% -0.03443 0.08689) |
| OKLCH | oklch(84.008% 0.09346 111.618) |
| Display P3 | color(display-p3 0.80353 0.81897 0.56964) |
| Rec. 2020 | color(rec2020 0.774 0.79418 0.53054) |
| Adobe RGB | color(a98-rgb 0.80076 0.81494 0.54773) |
| ProPhoto RGB | color(prophoto-rgb 0.72838 0.76907 0.51391) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.6376 0.25016) |
| XYZ D65 | color(xyz-d65 0.52216 0.60245 0.32545) |
| XYZ D50 | color(xyz-d50 0.54467 0.6066 0.24894) |
| SwiftUI | Color(red: 0.8, green: 0.82, blue: 0.537) |
| UIKit | UIColor(red: 0.8, green: 0.82, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFFCCD189) |
| Android XML | #CCD189 |

## ข้อมูล

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

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

#ccd189, #d1d695, #d6daa1, #dbdfad, #e0e4b9, #e5e8c5, #eaedd1, #eff1dc, #f4f6e8, #fafaf3

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

#ccd189, #b1b576, #979b64, #7e8153, #656842, #4e5031, #373922, #222314, #0f1007, #020201

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

#ccd189, #ccd090, #ccd097, #cbcf9e, #cbcfa5, #cbceab, #cbcdb2, #cbcdb8, #cbccbe, #cacbc4

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

- คู่ตรงข้าม: #ccd189, #cbc0ff
- คู่ตรงข้ามแยก: #ccd189, #a9cbff, #e7b7ef
- ข้างเคียง: #ccd189, #e9c583, #a8daa2
- สามเส้า: #ccd189, #89d6fd, #fbb2d1
- สี่เหลี่ยมผืนผ้า: #ccd189, #88dfc3, #cbc0ff, #fbb2d1
- สี่เหลี่ยมจัตุรัส: #ccd189, #7adde4, #cbc0ff, #ffb3b0
- โทนสีเดียว: #ccd189, #828640, #a6ab64, #f3f9af, #f7fcb2

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

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

#ccd189 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 209, 137) ใน HSL คือ hsl(64.17, 43.9%, 67.84%) และใน OKLCH คือ oklch(84.008% 0.09346 111.618)

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

สีตรงข้ามของ #ccd189 คือ #cbc0ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #e9c583 และ #a8daa2 ส่วนสีสามเส้าคือ #89d6fd และ #fbb2d1

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

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

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

#ccd189 เป็นสีโทนกลาง ใน OKLCH มีฮิว 112 องศา ความสว่าง 84% และความสด 0.093