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

#ccc19a คือ rgb(204, 193, 154) ใน RGB และ oklch(81.006% 0.05377 94.163) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccc19a |
| RGB | rgb(204, 193, 154) |
| HSL | hsl(46.8, 32.89%, 70.2%) |
| HSB / HSV | hsv(46.8 24.51% 80%) |
| HWB | hwb(46.8 60.39% 20%) |
| CMYK | cmyk(0% 5% 25% 20%) |
| Lab | lab(78.24 -0.56 21.19) |
| LCH | lch(78.24 21.2 91.53) |
| OKLab | oklab(81.006% -0.0039 0.05363) |
| OKLCH | oklch(81.006% 0.05377 94.163) |
| Display P3 | color(display-p3 0.79256 0.75835 0.62062) |
| Rec. 2020 | color(rec2020 0.75326 0.73085 0.58278) |
| Adobe RGB | color(a98-rgb 0.78288 0.75135 0.60553) |
| ProPhoto RGB | color(prophoto-rgb 0.71091 0.70594 0.56039) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.53328 0.32314) |
| XYZ D65 | color(xyz-d65 0.49803 0.53311 0.38239) |
| XYZ D50 | color(xyz-d50 0.51494 0.53624 0.29094) |
| SwiftUI | Color(red: 0.8, green: 0.757, blue: 0.604) |
| UIKit | UIColor(red: 0.8, green: 0.757, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC19A) |
| Android XML | #CCC19A |

## ข้อมูล

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

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

#ccc19a, #d1c7a4, #d6cdae, #dbd3b8, #e0dac2, #e5e0cc, #eae6d6, #efece0, #f5f2eb, #faf9f5

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

#ccc19a, #b1a785, #978f71, #7e775e, #655f4b, #4e4939, #373427, #222017, #0f0e09, #020201

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

#ccc19a, #cbc19e, #cac1a2, #c9c1a6, #c7c1aa, #c6c1ae, #c5c1b2, #c4c1b6, #c3c1b9, #c2c1bd

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

- คู่ตรงข้าม: #ccc19a, #b6bfe4
- คู่ตรงข้ามแยก: #ccc19a, #a4c5e2, #c8b9de
- ข้างเคียง: #ccc19a, #daba9d, #b9c7a2
- สามเส้า: #ccc19a, #99cbd6, #d7b4cf
- สี่เหลี่ยมผืนผ้า: #ccc19a, #a7ccb1, #b6bfe4, #d7b4cf
- สี่เหลี่ยมจัตุรัส: #ccc19a, #9acdc5, #b6bfe4, #e0b3bd
- โทนสีเดียว: #ccc19a, #827753, #a69b76, #f3e8c0, #fff5cd

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

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

#ccc19a เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 193, 154) ใน HSL คือ hsl(46.8, 32.89%, 70.2%) และใน OKLCH คือ oklch(81.006% 0.05377 94.163)

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

สีตรงข้ามของ #ccc19a คือ #b6bfe4 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #daba9d และ #b9c7a2 ส่วนสีสามเส้าคือ #99cbd6 และ #d7b4cf

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

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

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

#ccc19a เป็นสีโทนร้อน ใน OKLCH มีฮิว 94 องศา ความสว่าง 81% และความสด 0.054