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

#ccc587 คือ rgb(204, 197, 135) ใน RGB และ oklch(81.452% 0.08138 102.538) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccc587 |
| RGB | rgb(204, 197, 135) |
| HSL | hsl(53.91, 40.35%, 66.47%) |
| HSB / HSV | hsv(53.91 33.82% 80%) |
| HWB | hwb(53.91 52.94% 20%) |
| CMYK | cmyk(0% 3% 34% 20%) |
| Lab | lab(79 -4.34 32.09) |
| LCH | lch(79 32.38 97.7) |
| OKLab | oklab(81.452% -0.01767 0.07944) |
| OKLCH | oklch(81.452% 0.08138 102.538) |
| Display P3 | color(display-p3 0.79522 0.77348 0.55766) |
| Rec. 2020 | color(rec2020 0.75646 0.7461 0.51665) |
| Adobe RGB | color(a98-rgb 0.78722 0.76721 0.5375) |
| ProPhoto RGB | color(prophoto-rgb 0.70865 0.72022 0.49845) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.55834 0.24228) |
| XYZ D65 | color(xyz-d65 0.49239 0.5452 0.30852) |
| XYZ D50 | color(xyz-d50 0.51302 0.5493 0.23562) |
| SwiftUI | Color(red: 0.8, green: 0.773, blue: 0.529) |
| UIKit | UIColor(red: 0.8, green: 0.773, blue: 0.529, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC587) |
| Android XML | #CCC587 |

## ข้อมูล

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

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

#ccc587, #d1cb93, #d6d19f, #dbd6ab, #e0dcb7, #e5e2c3, #eae8cf, #efeedb, #f5f3e7, #faf9f3

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

#ccc587, #b1ab75, #979263, #7e7951, #656141, #4e4b31, #373521, #222113, #0f0e06, #020201

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

#ccc587, #cbc58e, #cac594, #c9c49a, #c8c4a0, #c7c4a6, #c6c4ac, #c5c3b2, #c4c3b7, #c3c3bd

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

- คู่ตรงข้าม: #ccc587, #babcf6
- คู่ตรงข้ามแยก: #ccc587, #9dc6f6, #d5b4e9
- ข้างเคียง: #ccc587, #e3ba88, #aece98
- สามเส้า: #ccc587, #86cfe9, #e8aed1
- สี่เหลี่ยมผืนผ้า: #ccc587, #91d3b3, #babcf6, #e8aed1
- สี่เหลี่ยมจัตุรัส: #ccc587, #80d3d0, #babcf6, #f2adb4
- โทนสีเดียว: #ccc587, #827b3f, #a69f62, #f3ecad, #fff8b8

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

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

#ccc587 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 197, 135) ใน HSL คือ hsl(53.91, 40.35%, 66.47%) และใน OKLCH คือ oklch(81.452% 0.08138 102.538)

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

สีตรงข้ามของ #ccc587 คือ #babcf6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #e3ba88 และ #aece98 ส่วนสีสามเส้าคือ #86cfe9 และ #e8aed1

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

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

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

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