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

#ccc257 คือ rgb(204, 194, 87) ใน RGB และ oklch(80.125% 0.12882 103.968) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccc257 |
| RGB | rgb(204, 194, 87) |
| HSL | hsl(54.87, 53.42%, 57.06%) |
| HSB / HSV | hsv(54.87 57.35% 80%) |
| HWB | hwb(54.87 34.12% 20%) |
| CMYK | cmyk(0% 5% 57% 20%) |
| Lab | lab(77.69 -6.28 53.84) |
| LCH | lch(77.69 54.2 96.65) |
| OKLab | oklab(80.125% -0.03109 0.12501) |
| OKLCH | oklch(80.125% 0.12882 103.968) |
| Display P3 | color(display-p3 0.79322 0.76213 0.40465) |
| Rec. 2020 | color(rec2020 0.74796 0.73301 0.35848) |
| Adobe RGB | color(a98-rgb 0.78396 0.75531 0.37193) |
| ProPhoto RGB | color(prophoto-rgb 0.68875 0.70521 0.35642) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.53948 0.09531) |
| XYZ D65 | color(xyz-d65 0.45912 0.5211 0.16657) |
| XYZ D50 | color(xyz-d50 0.48473 0.52687 0.12884) |
| SwiftUI | Color(red: 0.8, green: 0.761, blue: 0.341) |
| UIKit | UIColor(red: 0.8, green: 0.761, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC257) |
| Android XML | #CCC257 |

## ข้อมูล

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

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

#ccc257, #d1c86b, #d6cf7d, #dbd58f, #e0db9f, #e5e1b0, #eae7c0, #efedd0, #f4f3e0, #faf9ef

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

#ccc257, #b1a84b, #978f3e, #7e7733, #656027, #4e491c, #373412, #222008, #0f0e03, #020200

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

#ccc257, #cac265, #c9c271, #c7c17c, #c6c187, #c5c191, #c3c09a, #c2c0a4, #c0bfad, #bfbfb5

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

- คู่ตรงข้าม: #ccc257, #b4b3ff
- คู่ตรงข้ามแยก: #ccc257, #84c2ff, #dca5f8
- ข้างเคียง: #ccc257, #efb157, #9bd079
- สามเส้า: #ccc257, #4acffb, #f89cd3
- สี่เหลี่ยมผืนผ้า: #ccc257, #62d8a8, #b4b3ff, #f89cd3
- สี่เหลี่ยมจัตุรัส: #ccc257, #2fd8d6, #b4b3ff, #ff9aa5
- โทนสีเดียว: #ccc257, #827700, #a69c2b, #f3e97f, #fffa8f

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

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

#ccc257 เป็นโทนสด เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(204, 194, 87) ใน HSL คือ hsl(54.87, 53.42%, 57.06%) และใน OKLCH คือ oklch(80.125% 0.12882 103.968)

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

สีตรงข้ามของ #ccc257 คือ #b4b3ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #efb157 และ #9bd079 ส่วนสีสามเส้าคือ #4acffb และ #f89cd3

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

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

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

#ccc257 เป็นสีโทนกลาง ใน OKLCH มีฮิว 104 องศา ความสว่าง 80.1% และความสด 0.129