# สี #ccbbf3: โทนพาสเทล เฉดอ่อนของสีม่วงไวโอเล็ต

#ccbbf3 คือ rgb(204, 187, 243) ใน RGB และ oklch(82.502% 0.07946 298.555) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #ccbbf3 |
| RGB | rgb(204, 187, 243) |
| HSL | hsl(258.21, 70%, 84.31%) |
| HSB / HSV | hsv(258.21 23.05% 95.29%) |
| HWB | hwb(258.21 73.33% 4.71%) |
| CMYK | cmyk(16% 23% 0% 5%) |
| Lab | lab(78.75 14.38 -25.67) |
| LCH | lch(78.75 29.43 299.25) |
| OKLab | oklab(82.502% 0.03798 -0.06979) |
| OKLCH | oklch(82.502% 0.07946 298.555) |
| Display P3 | color(display-p3 0.7887 0.73567 0.93687) |
| Rec. 2020 | color(rec2020 0.76188 0.71182 0.92589) |
| Adobe RGB | color(a98-rgb 0.77653 0.72762 0.94345) |
| ProPhoto RGB | color(prophoto-rgb 0.75962 0.69441 0.91029) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.49693 0.89627) |
| XYZ D65 | color(xyz-d65 0.58847 0.54849 0.92284) |
| XYZ D50 | color(xyz-d50 0.58294 0.54492 0.69668) |
| SwiftUI | Color(red: 0.8, green: 0.733, blue: 0.953) |
| UIKit | UIColor(red: 0.8, green: 0.733, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBBF3) |
| Android XML | #CCBBF3 |

## ข้อมูล

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

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

#ccbbf3, #d1c2f4, #d6c9f6, #dbcff7, #e0d6f8, #e5ddfa, #eae4fb, #efebfc, #f5f1fd, #faf8fe

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

#ccbbf3, #b1a2d3, #978ab4, #7e7397, #655c7a, #4e465e, #373244, #221f2b, #0f0d14, #020203

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

#ccbbf3, #cbbcef, #cbbdea, #cabee6, #c9c0e1, #c9c1dd, #c8c2d8, #c7c3d4, #c7c4cf, #c6c5ca

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

- คู่ตรงข้าม: #ccbbf3, #c0cd93
- คู่ตรงข้ามแยก: #ccbbf3, #dbc48a, #a3d5a9
- ข้างเคียง: #ccbbf3, #b0c4fa, #e3b4e0
- สามเส้า: #ccbbf3, #edba92, #8bd7c6
- สี่เหลี่ยมผืนผ้า: #ccbbf3, #f1b1c5, #c0cd93, #8bd7c6
- สี่เหลี่ยมจัตุรัส: #ccbbf3, #f5b3a9, #c0cd93, #86d5e1
- โทนสีเดียว: #ccbbf3, #8271a5, #a695cb, #f1e6ff, #f8f0ff

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

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

#ccbbf3 เป็นโทนพาสเทล เฉดอ่อนของสีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีม่วงไวโอเล็ต ใน RGB คือ rgb(204, 187, 243) ใน HSL คือ hsl(258.21, 70%, 84.31%) และใน OKLCH คือ oklch(82.502% 0.07946 298.555)

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

สีตรงข้ามของ #ccbbf3 คือ #c0cd93 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b0c4fa และ #e3b4e0 ส่วนสีสามเส้าคือ #edba92 และ #8bd7c6

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

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

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

#ccbbf3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 299 องศา ความสว่าง 82.5% และความสด 0.079