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

#ccc586 คือ rgb(204, 197, 134) ใน RGB และ oklch(81.434% 0.08257 102.642) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccc586 |
| RGB | rgb(204, 197, 134) |
| HSL | hsl(54, 40.7%, 66.27%) |
| HSB / HSV | hsv(54 34.31% 80%) |
| HWB | hwb(54 52.55% 20%) |
| CMYK | cmyk(0% 3% 34% 20%) |
| Lab | lab(78.99 -4.43 32.59) |
| LCH | lch(78.99 32.89 97.74) |
| OKLab | oklab(81.434% -0.01807 0.08057) |
| OKLCH | oklch(81.434% 0.08257 102.642) |
| Display P3 | color(display-p3 0.79522 0.77348 0.55432) |
| Rec. 2020 | color(rec2020 0.75634 0.74607 0.51314) |
| Adobe RGB | color(a98-rgb 0.78722 0.76721 0.53392) |
| ProPhoto RGB | color(prophoto-rgb 0.70825 0.72015 0.49518) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.55834 0.2384) |
| XYZ D65 | color(xyz-d65 0.49169 0.54492 0.30483) |
| XYZ D50 | color(xyz-d50 0.51246 0.54907 0.23285) |
| SwiftUI | Color(red: 0.8, green: 0.773, blue: 0.525) |
| UIKit | UIColor(red: 0.8, green: 0.773, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC586) |
| Android XML | #CCC586 |

## ข้อมูล

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

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

#ccc586, #d1cb92, #d6d19f, #dbd6ab, #e0dcb7, #e5e2c3, #eae8cf, #efeedb, #f5f3e7, #faf9f3

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

#ccc586, #b1ab74, #979262, #7e7951, #656140, #4e4b30, #373521, #222113, #0f0e06, #020201

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

#ccc586, #cbc58d, #cac593, #c9c499, #c8c4a0, #c7c4a6, #c6c4ab, #c5c3b1, #c4c3b7, #c3c3bd

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

- คู่ตรงข้าม: #ccc586, #babcf7
- คู่ตรงข้ามแยก: #ccc586, #9cc6f7, #d5b3e9
- ข้างเคียง: #ccc586, #e4ba86, #aece97
- สามเส้า: #ccc586, #84cfe9, #e9add1
- สี่เหลี่ยมผืนผ้า: #ccc586, #90d4b3, #babcf7, #e9add1
- สี่เหลี่ยมจัตุรัส: #ccc586, #7fd4d1, #babcf7, #f3adb3
- โทนสีเดียว: #ccc586, #827b3e, #a69f61, #f3ecac, #fff8b7

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

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

#ccc586 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 197, 134) ใน HSL คือ hsl(54, 40.7%, 66.27%) และใน OKLCH คือ oklch(81.434% 0.08257 102.642)

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

สีตรงข้ามของ #ccc586 คือ #babcf7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #e4ba86 และ #aece97 ส่วนสีสามเส้าคือ #84cfe9 และ #e9add1

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

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

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

#ccc586 เป็นสีโทนกลาง ใน OKLCH มีฮิว 103 องศา ความสว่าง 81.4% และความสด 0.083