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

#dcc299 คือ rgb(220, 194, 153) ใน RGB และ oklch(82.598% 0.06193 78.999) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #dcc299 |
| RGB | rgb(220, 194, 153) |
| HSL | hsl(36.72, 48.91%, 73.14%) |
| HSB / HSV | hsv(36.72 30.45% 86.27%) |
| HWB | hwb(36.72 60% 13.73%) |
| CMYK | cmyk(0% 12% 30% 14%) |
| Lab | lab(79.91 5.08 24.26) |
| LCH | lch(79.91 24.78 78.17) |
| OKLab | oklab(82.598% 0.01182 0.06079) |
| OKLCH | oklch(82.598% 0.06193 78.999) |
| Display P3 | color(display-p3 0.84581 0.76446 0.61912) |
| Rec. 2020 | color(rec2020 0.80028 0.74011 0.58124) |
| Adobe RGB | color(a98-rgb 0.83096 0.75531 0.60207) |
| ProPhoto RGB | color(prophoto-rgb 0.7541 0.71782 0.55919) |
| sRGB เชิงเส้น | color(srgb-linear 0.71569 0.53948 0.31855) |
| XYZ D65 | color(xyz-d65 0.54555 0.561 0.38093) |
| XYZ D50 | color(xyz-d50 0.56545 0.56529 0.28981) |
| SwiftUI | Color(red: 0.863, green: 0.761, blue: 0.6) |
| UIKit | UIColor(red: 0.863, green: 0.761, blue: 0.6, alpha: 1) |
| Flutter / Compose | Color(0xFFDCC299) |
| Android XML | #DCC299 |

## ข้อมูล

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

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

#dcc299, #e0c8a3, #e3cead, #e7d4b8, #eadac2, #eee0cc, #f1e6d6, #f5ede0, #f8f3ea, #fcf9f5

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

#dcc299, #bfa884, #a38f70, #88775d, #6e604a, #544938, #3c3427, #262017, #110e08, #020201

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

#dcc299, #dac29e, #d8c3a2, #d5c3a7, #d3c4ac, #d1c4b0, #cfc5b5, #cdc5b9, #cac5bd, #c8c6c2

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

- คู่ตรงข้าม: #dcc299, #aec8ef
- คู่ตรงข้ามแยก: #dcc299, #9dcee6, #c4c0ed
- ข้างเคียง: #dcc299, #e8bba3, #c9ca9c
- สามเส้า: #dcc299, #96d3d5, #d8bae0
- สี่เหลี่ยมผืนผ้า: #dcc299, #b2d0aa, #aec8ef, #d8bae0
- สี่เหลี่ยมจัตุรัส: #dcc299, #9fd4bf, #aec8ef, #e6b6cc
- โทนสีเดียว: #dcc299, #907851, #b59c74, #ffe9bf, #fff1c7

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

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

#dcc299 เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(220, 194, 153) ใน HSL คือ hsl(36.72, 48.91%, 73.14%) และใน OKLCH คือ oklch(82.598% 0.06193 78.999)

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

สีตรงข้ามของ #dcc299 คือ #aec8ef หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #e8bba3 และ #c9ca9c ส่วนสีสามเส้าคือ #96d3d5 และ #d8bae0

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

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

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

#dcc299 เป็นสีโทนร้อน ใน OKLCH มีฮิว 79 องศา ความสว่าง 82.6% และความสด 0.062