# สี #afb4ec: โทนละมุน เฉดอ่อนของสีคราม

#afb4ec คือ rgb(175, 180, 236) ใน RGB และ oklch(78.575% 0.07973 280.418) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afb4ec |
| RGB | rgb(175, 180, 236) |
| HSL | hsl(235.08, 61.62%, 80.59%) |
| HSB / HSV | hsv(235.08 25.85% 92.55%) |
| HWB | hwb(235.08 68.63% 7.45%) |
| CMYK | cmyk(26% 24% 0% 7%) |
| Lab | lab(74.41 7.32 -28.77) |
| LCH | lch(74.41 29.68 284.28) |
| OKLab | oklab(78.575% 0.01442 -0.07841) |
| OKLCH | oklch(78.575% 0.07973 280.418) |
| Display P3 | color(display-p3 0.68981 0.70524 0.90839) |
| Rec. 2020 | color(rec2020 0.67244 0.67492 0.89409) |
| Adobe RGB | color(a98-rgb 0.68602 0.70001 0.91526) |
| ProPhoto RGB | color(prophoto-rgb 0.67698 0.65308 0.87533) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.45641 0.8388) |
| XYZ D65 | color(xyz-d65 0.49138 0.47812 0.85999) |
| XYZ D50 | color(xyz-d50 0.48274 0.47342 0.64926) |
| SwiftUI | Color(red: 0.686, green: 0.706, blue: 0.925) |
| UIKit | UIColor(red: 0.686, green: 0.706, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFAFB4EC) |
| Android XML | #AFB4EC |

## ข้อมูล

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

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

#afb4ec, #b7bbee, #bec3f0, #c6caf2, #ced2f4, #d6d9f6, #dee1f8, #e6e8fa, #eef0fc, #f7f7fd

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

#afb4ec, #989ccd, #8185af, #6b6e92, #565876, #41445b, #2e3042, #1c1d29, #0b0c13, #010203

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

#afb4ec, #b0b5e7, #b1b5e2, #b2b6dd, #b3b6d8, #b4b7d3, #b5b7ce, #b6b8c9, #b7b8c4, #b8b9be

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

- คู่ตรงข้าม: #afb4ec, #c4bb7f
- คู่ตรงข้ามแยก: #afb4ec, #dab181, #a8c48e
- ข้างเคียง: #afb4ec, #93beeb, #c9abe0
- สามเส้า: #afb4ec, #e6a892, #8bc9a8
- สี่เหลี่ยมผืนผ้า: #afb4ec, #dda6c9, #c4bb7f, #8bc9a8
- สี่เหลี่ยมจัตุรัส: #afb4ec, #e7a4ad, #c4bb7f, #79cac5
- โทนสีเดียว: #afb4ec, #676b9e, #8a8fc4, #d7dcff, #f0f3ff

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

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

#afb4ec เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(175, 180, 236) ใน HSL คือ hsl(235.08, 61.62%, 80.59%) และใน OKLCH คือ oklch(78.575% 0.07973 280.418)

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

สีตรงข้ามของ #afb4ec คือ #c4bb7f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #93beeb และ #c9abe0 ส่วนสีสามเส้าคือ #e6a892 และ #8bc9a8

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

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

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

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