# สี #bfcaf3: โทนพาสเทล เฉดอ่อนของสีคราม

#bfcaf3 คือ rgb(191, 202, 243) ใน RGB และ oklch(84.411% 0.05859 273.305) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bfcaf3 |
| RGB | rgb(191, 202, 243) |
| HSL | hsl(227.31, 68.42%, 85.1%) |
| HSB / HSV | hsv(227.31 21.4% 95.29%) |
| HWB | hwb(227.31 74.9% 4.71%) |
| CMYK | cmyk(21% 17% 0% 5%) |
| Lab | lab(81.49 2.54 -21.66) |
| LCH | lch(81.49 21.81 276.69) |
| OKLab | oklab(84.411% 0.00338 -0.05849) |
| OKLCH | oklch(84.411% 0.05859 273.305) |
| Display P3 | color(display-p3 0.75691 0.79077 0.93944) |
| Rec. 2020 | color(rec2020 0.74766 0.76719 0.92959) |
| Adobe RGB | color(a98-rgb 0.75617 0.78707 0.94533) |
| ProPhoto RGB | color(prophoto-rgb 0.75064 0.74759 0.91604) |
| sRGB เชิงเส้น | color(srgb-linear 0.521 0.59062 0.89627) |
| XYZ D65 | color(xyz-d65 0.58781 0.59788 0.9324) |
| XYZ D50 | color(xyz-d50 0.5829 0.59366 0.70462) |
| SwiftUI | Color(red: 0.749, green: 0.792, blue: 0.953) |
| UIKit | UIColor(red: 0.749, green: 0.792, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFBFCAF3) |
| Android XML | #BFCAF3 |

## ข้อมูล

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

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

#bfcaf3, #c5cff4, #cbd5f6, #d2daf7, #d8dff8, #dfe4f9, #e5eafb, #ebeffc, #f2f4fd, #f8fafe

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

#bfcaf3, #a6afd3, #8d95b4, #757c97, #5e647a, #484d5e, #333744, #1f222b, #0d0f14, #020203

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

#bfcaf3, #c0caef, #c1caeb, #c3cbe7, #c4cbe4, #c5cbe0, #c7cbdc, #c8cbd8, #c9cbd4, #caccd0

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

- คู่ตรงข้าม: #bfcaf3, #d9cca1
- คู่ตรงข้ามแยก: #bfcaf3, #e8c4a5, #c4d3a9
- ข้างเคียง: #bfcaf3, #acd1f0, #d3c3ec
- สามเส้า: #bfcaf3, #f0bfb3, #afd8ba
- สี่เหลี่ยมผืนผ้า: #bfcaf3, #e4bedc, #d9cca1, #afd8ba
- สี่เหลี่ยมจัตุรัส: #bfcaf3, #eebdc8, #d9cca1, #a1d9d0
- โทนสีเดียว: #bfcaf3, #767fa5, #9aa4cb, #ebf2ff, #edf4ff

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

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

#bfcaf3 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(191, 202, 243) ใน HSL คือ hsl(227.31, 68.42%, 85.1%) และใน OKLCH คือ oklch(84.411% 0.05859 273.305)

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

สีตรงข้ามของ #bfcaf3 คือ #d9cca1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #acd1f0 และ #d3c3ec ส่วนสีสามเส้าคือ #f0bfb3 และ #afd8ba

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

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

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

#bfcaf3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 273 องศา ความสว่าง 84.4% และความสด 0.059