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

#ccc99a คือ rgb(204, 201, 154) ใน RGB และ oklch(82.657% 0.06262 104.636) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccc99a |
| RGB | rgb(204, 201, 154) |
| HSL | hsl(56.4, 32.89%, 70.2%) |
| HSB / HSV | hsv(56.4 24.51% 80%) |
| HWB | hwb(56.4 60.39% 20%) |
| CMYK | cmyk(0% 1% 25% 20%) |
| Lab | lab(80.33 -4.49 24) |
| LCH | lch(80.33 24.41 100.59) |
| OKLab | oklab(82.657% -0.01582 0.06059) |
| OKLCH | oklch(82.657% 0.06262 104.636) |
| Display P3 | color(display-p3 0.79793 0.78863 0.62363) |
| Rec. 2020 | color(rec2020 0.76446 0.76267 0.58673) |
| Adobe RGB | color(a98-rgb 0.79165 0.78309 0.60726) |
| ProPhoto RGB | color(prophoto-rgb 0.72306 0.73794 0.56565) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.58408 0.32314) |
| XYZ D65 | color(xyz-d65 0.51619 0.56944 0.38845) |
| XYZ D50 | color(xyz-d50 0.5345 0.57265 0.29587) |
| SwiftUI | Color(red: 0.8, green: 0.788, blue: 0.604) |
| UIKit | UIColor(red: 0.8, green: 0.788, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC99A) |
| Android XML | #CCC99A |

## ข้อมูล

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

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

#ccc99a, #d1cea4, #d6d4ae, #dbd9b8, #e0dfc2, #e5e4cc, #eae9d6, #efefe1, #f5f4eb, #fafaf5

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

#ccc99a, #b1ae85, #979571, #7e7c5e, #65644b, #4e4c39, #373627, #222217, #0f0f09, #020201

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

#ccc99a, #cbc99f, #cbc9a3, #cac8a8, #c9c8ac, #c9c8b1, #c8c7b5, #c8c7b9, #c7c7be, #c7c6c2

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

- คู่ตรงข้าม: #ccc99a, #c1c1ee
- คู่ตรงข้ามแยก: #ccc99a, #abc9ef, #d6bbe3
- ข้างเคียง: #ccc99a, #dfc199, #b5d0a7
- สามเส้า: #ccc99a, #9ad0e5, #e5b7d0
- สี่เหลี่ยมผืนผ้า: #ccc99a, #a1d4bc, #c1c1ee, #e5b7d0
- สี่เหลี่ยมจัตุรัส: #ccc99a, #96d4d2, #c1c1ee, #ecb6b9
- โทนสีเดียว: #ccc99a, #827f52, #a6a375, #f3f0c0, #fbf8c8

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

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

#ccc99a เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 201, 154) ใน HSL คือ hsl(56.4, 32.89%, 70.2%) และใน OKLCH คือ oklch(82.657% 0.06262 104.636)

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

สีตรงข้ามของ #ccc99a คือ #c1c1ee หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #dfc199 และ #b5d0a7 ส่วนสีสามเส้าคือ #9ad0e5 และ #e5b7d0

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

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

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

#ccc99a เป็นสีโทนกลาง ใน OKLCH มีฮิว 105 องศา ความสว่าง 82.7% และความสด 0.063