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

#c7cbee คือ rgb(199, 203, 238) ใน RGB และ oklch(85.025% 0.04879 280.16) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #c7cbee |
| RGB | rgb(199, 203, 238) |
| HSL | hsl(233.85, 53.42%, 85.69%) |
| HSB / HSV | hsv(233.85 16.39% 93.33%) |
| HWB | hwb(233.85 78.04% 6.67%) |
| CMYK | cmyk(16% 15% 0% 7%) |
| Lab | lab(82.22 3.83 -17.85) |
| LCH | lch(82.22 18.25 282.12) |
| OKLab | oklab(85.025% 0.00861 -0.04802) |
| OKLCH | oklch(85.025% 0.04879 280.16) |
| Display P3 | color(display-p3 0.78321 0.79556 0.92192) |
| Rec. 2020 | color(rec2020 0.76899 0.77315 0.9103) |
| Adobe RGB | color(a98-rgb 0.77972 0.79104 0.92597) |
| ProPhoto RGB | color(prophoto-rgb 0.76652 0.75424 0.89553) |
| sRGB เชิงเส้น | color(srgb-linear 0.57112 0.5972 0.85499) |
| XYZ D65 | color(xyz-d65 0.60339 0.61027 0.89492) |
| XYZ D50 | color(xyz-d50 0.60139 0.60703 0.67648) |
| SwiftUI | Color(red: 0.78, green: 0.796, blue: 0.933) |
| UIKit | UIColor(red: 0.78, green: 0.796, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFFC7CBEE) |
| Android XML | #C7CBEE |

## ข้อมูล

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

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

#c7cbee, #ccd0f0, #d2d5f2, #d7daf3, #dde0f5, #e3e5f7, #e8eaf9, #eeeffa, #f4f5fc, #f9fafd

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

#c7cbee, #adb0cf, #9396b1, #7a7d93, #626577, #4c4d5c, #363742, #21222a, #0e0f14, #020203

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

#c7cbee, #c8cbeb, #c8cce8, #c9cce4, #cacce1, #caccde, #cbcddb, #cccdd8, #cccdd4, #cdcdd1

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

- คู่ตรงข้าม: #c7cbee, #d5cfab
- คู่ตรงข้ามแยก: #c7cbee, #e3c9ac, #c3d5b4
- ข้างเคียง: #c7cbee, #b7d1ed, #d8c6e6
- สามเส้า: #c7cbee, #ebc4b6, #b3d8c3
- สี่เหลี่ยมผืนผ้า: #c7cbee, #e5c2d8, #d5cfab, #b3d8c3
- สี่เหลี่ยมจัตุรัส: #c7cbee, #ecc1c6, #d5cfab, #aad9d5
- โทนสีเดียว: #c7cbee, #7d80a1, #a1a5c7, #f0f3ff, #f0f3ff

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

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

#c7cbee เป็นโทนพาสเทล เฉดอ่อนมากของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีคราม ใน RGB คือ rgb(199, 203, 238) ใน HSL คือ hsl(233.85, 53.42%, 85.69%) และใน OKLCH คือ oklch(85.025% 0.04879 280.16)

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

สีตรงข้ามของ #c7cbee คือ #d5cfab หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b7d1ed และ #d8c6e6 ส่วนสีสามเส้าคือ #ebc4b6 และ #b3d8c3

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

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

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

#c7cbee เป็นสีโทนเย็น ใน OKLCH มีฮิว 280 องศา ความสว่าง 85% และความสด 0.049