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

#cccd86 คือ rgb(204, 205, 134) ใน RGB และ oklch(83.111% 0.09196 108.933) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #cccd86 |
| RGB | rgb(204, 205, 134) |
| HSL | hsl(60.85, 41.52%, 66.47%) |
| HSB / HSV | hsv(60.85 34.63% 80.39%) |
| HWB | hwb(60.85 52.55% 19.61%) |
| CMYK | cmyk(0% 0% 35% 20%) |
| Lab | lab(81.1 -8.3 35.28) |
| LCH | lch(81.1 36.24 103.23) |
| OKLab | oklab(83.111% -0.02984 0.08699) |
| OKLCH | oklch(83.111% 0.09196 108.933) |
| Display P3 | color(display-p3 0.8007 0.80379 0.55788) |
| Rec. 2020 | color(rec2020 0.76779 0.77804 0.51776) |
| Adobe RGB | color(a98-rgb 0.79616 0.799 0.53598) |
| ProPhoto RGB | color(prophoto-rgb 0.72076 0.75248 0.50113) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.6105 0.2384) |
| XYZ D65 | color(xyz-d65 0.51034 0.58222 0.31104) |
| XYZ D50 | color(xyz-d50 0.53255 0.58646 0.23791) |
| SwiftUI | Color(red: 0.8, green: 0.804, blue: 0.525) |
| UIKit | UIColor(red: 0.8, green: 0.804, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFFCCCD86) |
| Android XML | #CCCD86 |

## ข้อมูล

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

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

#cccd86, #d1d293, #d6d79f, #dbdcab, #e0e1b7, #e5e6c3, #eaebcf, #eff0db, #f4f5e7, #fafaf3

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

#cccd86, #b1b274, #979862, #7e7e51, #656640, #4e4e30, #373821, #222313, #0f0f06, #020201

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

#cccd86, #cbcd8d, #cbcc94, #cacc9b, #cacba2, #c9cba9, #c9caaf, #c9c9b5, #c8c9bb, #c8c8c1

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

- คู่ตรงข้าม: #cccd86, #c5beff
- คู่ตรงข้ามแยก: #cccd86, #a4c9ff, #e2b5ee
- ข้างเคียง: #cccd86, #e8c182, #a9d79d
- สามเส้า: #cccd86, #85d4f7, #f6afd1
- สี่เหลี่ยมผืนผ้า: #cccd86, #89dbbd, #c5beff, #f6afd1
- สี่เหลี่ยมจัตุรัส: #cccd86, #79dade, #c5beff, #feb0b0
- โทนสีเดียว: #cccd86, #82823d, #a6a761, #f3f5ac, #fafbb2

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

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

#cccd86 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 205, 134) ใน HSL คือ hsl(60.85, 41.52%, 66.47%) และใน OKLCH คือ oklch(83.111% 0.09196 108.933)

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

สีตรงข้ามของ #cccd86 คือ #c5beff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #e8c182 และ #a9d79d ส่วนสีสามเส้าคือ #85d4f7 และ #f6afd1

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

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

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

#cccd86 เป็นสีโทนกลาง ใน OKLCH มีฮิว 109 องศา ความสว่าง 83.1% และความสด 0.092