# สี #caacf5: โทนสด เฉดอ่อนของสีม่วง

#caacf5 คือ rgb(202, 172, 245) ใน RGB และ oklch(79.623% 0.10597 302.907) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #caacf5 |
| RGB | rgb(202, 172, 245) |
| HSL | hsl(264.66, 78.49%, 81.76%) |
| HSB / HSV | hsv(264.66 29.8% 96.08%) |
| HWB | hwb(264.66 67.45% 3.92%) |
| CMYK | cmyk(18% 30% 0% 4%) |
| Lab | lab(74.98 21.75 -32.49) |
| LCH | lch(74.98 39.1 303.8) |
| OKLab | oklab(79.623% 0.05757 -0.08896) |
| OKLCH | oklch(79.623% 0.10597 302.907) |
| Display P3 | color(display-p3 0.77296 0.67885 0.94117) |
| Rec. 2020 | color(rec2020 0.73791 0.65305 0.92988) |
| Adobe RGB | color(a98-rgb 0.75557 0.66858 0.9496) |
| ProPhoto RGB | color(prophoto-rgb 0.73686 0.63707 0.91293) |
| sRGB เชิงเส้น | color(srgb-linear 0.59062 0.41254 0.9131) |
| XYZ D65 | color(xyz-d65 0.55588 0.48654 0.92852) |
| XYZ D50 | color(xyz-d50 0.54708 0.48251 0.70032) |
| SwiftUI | Color(red: 0.792, green: 0.675, blue: 0.961) |
| UIKit | UIColor(red: 0.792, green: 0.675, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFCAACF5) |
| Android XML | #CAACF5 |

## ข้อมูล

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

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

#caacf5, #cfb4f6, #d4bdf8, #dac5f9, #dfcdfa, #e4d6fb, #e9defc, #efe6fd, #f4eefe, #faf7fe

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

#caacf5, #af95d5, #957fb6, #7c6998, #64547b, #4d405f, #372d44, #221b2b, #0f0b15, #020103

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

#caacf5, #c9aef0, #c7b0ea, #c6b2e4, #c4b3df, #c3b5d9, #c2b6d4, #c0b8ce, #bfb9c8, #bebbc2

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

- คู่ตรงข้าม: #caacf5, #b0c87a
- คู่ตรงข้ามแยก: #caacf5, #d4bb69, #86d19c
- ข้างเคียง: #caacf5, #a6b8ff, #e6a3da
- สามเส้า: #caacf5, #edad73, #62d3c3
- สี่เหลี่ยมผืนผ้า: #caacf5, #f6a0b6, #b0c87a, #62d3c3
- สี่เหลี่ยมจัตุรัส: #caacf5, #f9a390, #b0c87a, #5fcee5
- โทนสีเดียว: #caacf5, #8063a6, #a487cd, #edd8ff, #fbefff

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

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

#caacf5 เป็นโทนสด เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีม่วง ใน RGB คือ rgb(202, 172, 245) ใน HSL คือ hsl(264.66, 78.49%, 81.76%) และใน OKLCH คือ oklch(79.623% 0.10597 302.907)

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

สีตรงข้ามของ #caacf5 คือ #b0c87a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6b8ff และ #e6a3da ส่วนสีสามเส้าคือ #edad73 และ #62d3c3

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

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

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

#caacf5 เป็นสีโทนกลาง ใน OKLCH มีฮิว 303 องศา ความสว่าง 79.6% และความสด 0.106