# สี #ccabe0: โทนละมุน เฉดอ่อนของสีม่วง

#ccabe0 คือ rgb(204, 171, 224) ใน RGB และ oklch(78.779% 0.08182 312.525) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccabe0 |
| RGB | rgb(204, 171, 224) |
| HSL | hsl(277.36, 46.09%, 77.45%) |
| HSB / HSV | hsv(277.36 23.66% 87.84%) |
| HWB | hwb(277.36 67.06% 12.16%) |
| CMYK | cmyk(9% 24% 0% 12%) |
| Lab | lab(74.28 19.59 -22.19) |
| LCH | lch(74.28 29.6 311.43) |
| OKLab | oklab(78.779% 0.0553 -0.0603) |
| OKLCH | oklch(78.779% 0.08182 312.525) |
| Display P3 | color(display-p3 0.77905 0.67541 0.86424) |
| Rec. 2020 | color(rec2020 0.73741 0.64842 0.84497) |
| Adobe RGB | color(a98-rgb 0.7606 0.66466 0.86747) |
| ProPhoto RGB | color(prophoto-rgb 0.72376 0.63062 0.82234) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.40724 0.7454) |
| XYZ D65 | color(xyz-d65 0.52917 0.47346 0.76874) |
| XYZ D50 | color(xyz-d50 0.52681 0.47148 0.58024) |
| SwiftUI | Color(red: 0.8, green: 0.671, blue: 0.878) |
| UIKit | UIColor(red: 0.8, green: 0.671, blue: 0.878, alpha: 1) |
| Flutter / Compose | Color(0xFFCCABE0) |
| Android XML | #CCABE0 |

## ข้อมูล

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

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

#ccabe0, #d1b3e3, #d6bce7, #dbc4ea, #e0cced, #e5d5f0, #ebddf3, #f0e6f6, #f5eef9, #faf6fc

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

#ccabe0, #b194c3, #977ea6, #7e688a, #655470, #4e4056, #372d3e, #221b27, #0f0b12, #020102

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

#ccabe0, #caaddc, #c8aed9, #c7b0d5, #c5b1d1, #c3b3cd, #c1b4c9, #bfb6c5, #bdb7c2, #bcb8be

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

- คู่ตรงข้าม: #ccabe0, #a6c68f
- คู่ตรงข้ามแยก: #ccabe0, #c4bc7e, #89cbaa
- ข้างเคียง: #ccabe0, #b1b4ee, #dfa5c8
- สามเส้า: #ccabe0, #dbb27f, #77cbc8
- สี่เหลี่ยมผืนผ้า: #ccabe0, #e9a5ab, #a6c68f, #77cbc8
- สี่เหลี่ยมจัตุรัส: #ccabe0, #e8a990, #a6c68f, #7dc6e0
- โทนสีเดียว: #ccabe0, #816393, #a686b9, #f3d1ff, #ffecff

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

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

#ccabe0 เป็นโทนละมุน เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีม่วง ใน RGB คือ rgb(204, 171, 224) ใน HSL คือ hsl(277.36, 46.09%, 77.45%) และใน OKLCH คือ oklch(78.779% 0.08182 312.525)

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

สีตรงข้ามของ #ccabe0 คือ #a6c68f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b1b4ee และ #dfa5c8 ส่วนสีสามเส้าคือ #dbb27f และ #77cbc8

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

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

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

#ccabe0 เป็นสีโทนกลาง ใน OKLCH มีฮิว 313 องศา ความสว่าง 78.8% และความสด 0.082