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

#afbcf5 คือ rgb(175, 188, 245) ใน RGB และ oklch(80.533% 0.0821 274.453) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afbcf5 |
| RGB | rgb(175, 188, 245) |
| HSL | hsl(228.86, 77.78%, 82.35%) |
| HSB / HSV | hsv(228.86 28.57% 96.08%) |
| HWB | hwb(228.86 68.63% 3.92%) |
| CMYK | cmyk(29% 23% 0% 4%) |
| Lab | lab(76.75 4.88 -30.03) |
| LCH | lch(76.75 30.42 279.23) |
| OKLab | oklab(80.533% 0.00637 -0.08186) |
| OKLCH | oklch(80.533% 0.0821 274.453) |
| Display P3 | color(display-p3 0.69568 0.73564 0.94296) |
| Rec. 2020 | color(rec2020 0.6864 0.70719 0.93272) |
| Adobe RGB | color(a98-rgb 0.6954 0.73157 0.9514) |
| ProPhoto RGB | color(prophoto-rgb 0.69633 0.68578 0.91764) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.50289 0.9131) |
| XYZ D65 | color(xyz-d65 0.52141 0.51672 0.93616) |
| XYZ D50 | color(xyz-d50 0.51127 0.51125 0.70683) |
| SwiftUI | Color(red: 0.686, green: 0.737, blue: 0.961) |
| UIKit | UIColor(red: 0.686, green: 0.737, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFAFBCF5) |
| Android XML | #AFBCF5 |

## ข้อมูล

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

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

#afbcf5, #b7c3f6, #bec9f8, #c6d0f9, #ced7fa, #d6defb, #dee4fc, #e6ebfd, #eef2fe, #f7f8fe

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

#afbcf5, #98a3d5, #818bb6, #6b7398, #565d7b, #41475f, #2e3244, #1c1f2b, #0b0d15, #010203

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

#afbcf5, #b1bcf0, #b2bdeb, #b4bde5, #b5bee0, #b7bedb, #b9bed5, #babfd0, #bcbfca, #bebfc5

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

- คู่ตรงข้าม: #afbcf5, #d0bf82
- คู่ตรงข้ามแยก: #afbcf5, #e5b587, #b4c98e
- ข้างเคียง: #afbcf5, #92c6f1, #cbb3eb
- สามเส้า: #afbcf5, #efad9c, #95d0a8
- สี่เหลี่ยมผืนผ้า: #afbcf5, #e1acd5, #d0bf82, #95d0a8
- สี่เหลี่ยมจัตุรัส: #afbcf5, #eeaab9, #d0bf82, #7fd1c6
- โทนสีเดียว: #afbcf5, #6772a6, #8a96cd, #dae4ff, #eef4ff

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

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

#afbcf5 เป็นโทนละมุน เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีคราม ใน RGB คือ rgb(175, 188, 245) ใน HSL คือ hsl(228.86, 77.78%, 82.35%) และใน OKLCH คือ oklch(80.533% 0.0821 274.453)

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

สีตรงข้ามของ #afbcf5 คือ #d0bf82 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #92c6f1 และ #cbb3eb ส่วนสีสามเส้าคือ #efad9c และ #95d0a8

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

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

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

#afbcf5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 274 องศา ความสว่าง 80.5% และความสด 0.082