# สี #caa5b0: โทนตุ่น เฉดอ่อนของสีชมพู

#caa5b0 คือ rgb(202, 165, 176) ใน RGB และ oklch(75.831% 0.04575 358.506) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #caa5b0 |
| RGB | rgb(202, 165, 176) |
| HSL | hsl(342.16, 25.87%, 71.96%) |
| HSB / HSV | hsv(342.16 18.32% 79.22%) |
| HWB | hwb(342.16 64.71% 20.78%) |
| CMYK | cmyk(0% 18% 13% 21%) |
| Lab | lab(71.38 15.32 -0.3) |
| LCH | lch(71.38 15.33 358.9) |
| OKLab | oklab(75.831% 0.04573 -0.00119) |
| OKLCH | oklch(75.831% 0.04575 358.506) |
| Display P3 | color(display-p3 0.76897 0.65256 0.68911) |
| Rec. 2020 | color(rec2020 0.71497 0.62174 0.65391) |
| Adobe RGB | color(a98-rgb 0.74896 0.64117 0.68257) |
| ProPhoto RGB | color(prophoto-rgb 0.67877 0.60021 0.62569) |
| sRGB เชิงเส้น | color(srgb-linear 0.59062 0.37626 0.43415) |
| XYZ D65 | color(xyz-d65 0.45647 0.42602 0.46894) |
| XYZ D50 | color(xyz-d50 0.46458 0.42746 0.35478) |
| SwiftUI | Color(red: 0.792, green: 0.647, blue: 0.69) |
| UIKit | UIColor(red: 0.792, green: 0.647, blue: 0.69, alpha: 1) |
| Flutter / Compose | Color(0xFFCAA5B0) |
| Android XML | #CAA5B0 |

## ข้อมูล

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

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

#caa5b0, #cfaeb8, #d5b7bf, #dabfc7, #e0c8cf, #e5d1d7, #eadadf, #efe3e7, #f5edef, #faf6f7

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

#caa5b0, #af8f99, #957982, #7c656c, #645156, #4d3d42, #372b2e, #221a1c, #0f0a0b, #020101

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

#caa5b0, #c8a6b0, #c5a7b0, #c3a9b0, #c0aab0, #beabb0, #bbacb0, #b8adb0, #b6aeb0, #b3afb0

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

- คู่ตรงข้าม: #caa5b0, #92bbb1
- คู่ตรงข้ามแยก: #caa5b0, #9db9a1, #8fb9c0
- ข้างเคียง: #caa5b0, #c1a7bf, #cca6a0
- สามเส้า: #caa5b0, #adb595, #96b5cb
- สี่เหลี่ยมผืนผ้า: #caa5b0, #c7aa94, #92bbb1, #96b5cb
- สี่เหลี่ยมจัตุรัส: #caa5b0, #bcb090, #92bbb1, #a4b0cf
- โทนสีเดียว: #caa5b0, #7f5e68, #a4808b, #f2cbd6, #ffebf5

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

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

#caa5b0 เป็นโทนตุ่น เฉดอ่อนของสีชมพู ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีชมพู ใน RGB คือ rgb(202, 165, 176) ใน HSL คือ hsl(342.16, 25.87%, 71.96%) และใน OKLCH คือ oklch(75.831% 0.04575 358.506)

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

สีตรงข้ามของ #caa5b0 คือ #92bbb1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c1a7bf และ #cca6a0 ส่วนสีสามเส้าคือ #adb595 และ #96b5cb

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

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

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

#caa5b0 เป็นสีโทนร้อน ใน OKLCH มีฮิว 359 องศา ความสว่าง 75.8% และความสด 0.046