# สี #cacdef: โทนพาสเทล เฉดอ่อนมากของสีคราม

#cacdef คือ rgb(202, 205, 239) ใน RGB และ oklch(85.684% 0.04717 281.366) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #cacdef |
| RGB | rgb(202, 205, 239) |
| HSL | hsl(235.14, 53.62%, 86.47%) |
| HSB / HSV | hsv(235.14 15.48% 93.73%) |
| HWB | hwb(235.14 79.22% 6.27%) |
| CMYK | cmyk(15% 14% 0% 6%) |
| Lab | lab(82.99 3.99 -17.2) |
| LCH | lch(82.99 17.66 283.07) |
| OKLab | oklab(85.684% 0.0093 -0.04625) |
| OKLCH | oklch(85.684% 0.04717 281.366) |
| Display P3 | color(display-p3 0.79426 0.80353 0.92618) |
| Rec. 2020 | color(rec2020 0.7801 0.78206 0.91511) |
| Adobe RGB | color(a98-rgb 0.79049 0.799 0.93013) |
| ProPhoto RGB | color(prophoto-rgb 0.77735 0.76378 0.90095) |
| sRGB เชิงเส้น | color(srgb-linear 0.59062 0.6105 0.86316) |
| XYZ D65 | color(xyz-d65 0.61765 0.62451 0.90464) |
| XYZ D50 | color(xyz-d50 0.61618 0.62139 0.68387) |
| SwiftUI | Color(red: 0.792, green: 0.804, blue: 0.937) |
| UIKit | UIColor(red: 0.792, green: 0.804, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFFCACDEF) |
| Android XML | #CACDEF |

## ข้อมูล

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

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

#cacdef, #cfd2f1, #d4d7f2, #dadcf4, #dfe1f6, #e4e6f7, #e9ebf9, #eff0fa, #f4f5fc, #fafafe

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

#cacdef, #afb2d0, #9598b1, #7c7e94, #646678, #4d4e5c, #373842, #22232a, #0f0f14, #020203

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

#cacdef, #cbcdec, #cbcee9, #cccee6, #cccee3, #cdcfe0, #cdcfdc, #cecfd9, #cfcfd6, #cfd0d3

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

- คู่ตรงข้าม: #cacdef, #d6d2ae
- คู่ตรงข้ามแยก: #cacdef, #e4ccaf, #c5d7b7
- ข้างเคียง: #cacdef, #bad3ef, #dac8e7
- สามเส้า: #cacdef, #ecc7b9, #b6dac6
- สี่เหลี่ยมผืนผ้า: #cacdef, #e7c4d9, #d6d2ae, #b6dac6
- สี่เหลี่ยมจัตุรัส: #cacdef, #edc4c8, #d6d2ae, #addad7
- โทนสีเดียว: #cacdef, #8082a2, #a4a7c8, #f0f3ff, #f0f3ff

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

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

#cacdef เป็นโทนพาสเทล เฉดอ่อนมากของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีคราม ใน RGB คือ rgb(202, 205, 239) ใน HSL คือ hsl(235.14, 53.62%, 86.47%) และใน OKLCH คือ oklch(85.684% 0.04717 281.366)

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

สีตรงข้ามของ #cacdef คือ #d6d2ae หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #bad3ef และ #dac8e7 ส่วนสีสามเส้าคือ #ecc7b9 และ #b6dac6

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

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

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

#cacdef เป็นสีโทนเย็น ใน OKLCH มีฮิว 281 องศา ความสว่าง 85.7% และความสด 0.047