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

#bec4f5 คือ rgb(190, 196, 245) ใน RGB และ oklch(83.219% 0.06892 279.325) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bec4f5 |
| RGB | rgb(190, 196, 245) |
| HSL | hsl(233.45, 73.33%, 85.29%) |
| HSB / HSV | hsv(233.45 22.45% 96.08%) |
| HWB | hwb(233.45 74.51% 3.92%) |
| CMYK | cmyk(22% 20% 0% 4%) |
| Lab | lab(79.93 5.57 -25.08) |
| LCH | lch(79.93 25.69 282.52) |
| OKLab | oklab(83.219% 0.01117 -0.06801) |
| OKLCH | oklch(83.219% 0.06892 279.325) |
| Display P3 | color(display-p3 0.74935 0.76786 0.94535) |
| Rec. 2020 | color(rec2020 0.73683 0.74314 0.93578) |
| Adobe RGB | color(a98-rgb 0.74634 0.76324 0.95237) |
| ProPhoto RGB | color(prophoto-rgb 0.74109 0.72355 0.92193) |
| sRGB เชิงเส้น | color(srgb-linear 0.51492 0.55201 0.9131) |
| XYZ D65 | color(xyz-d65 0.57453 0.57019 0.94368) |
| XYZ D50 | color(xyz-d50 0.56779 0.56565 0.7128) |
| SwiftUI | Color(red: 0.745, green: 0.769, blue: 0.961) |
| UIKit | UIColor(red: 0.745, green: 0.769, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFBEC4F5) |
| Android XML | #BEC4F5 |

## ข้อมูล

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

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

#bec4f5, #c4caf6, #cbd0f7, #d1d6f9, #d7dcfa, #dee1fb, #e4e7fc, #ebedfd, #f2f3fd, #f8f9fe

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

#bec4f5, #a5aad5, #8c91b6, #757898, #5e617b, #484a5f, #333544, #1f212b, #0d0e15, #020203

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

#bec4f5, #bfc4f1, #c0c5ec, #c1c5e8, #c2c6e3, #c3c6df, #c4c7da, #c5c7d6, #c6c7d1, #c7c8cc

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

- คู่ตรงข้าม: #bec4f5, #d3c996
- คู่ตรงข้ามแยก: #bec4f5, #e6c198, #bad1a2
- ข้างเคียง: #bec4f5, #a6ccf4, #d5bceb
- สามเส้า: #bec4f5, #f0b9a7, #a2d6b8
- สี่เหลี่ยมผืนผ้า: #bec4f5, #e7b7d7, #d3c996, #a2d6b8
- สี่เหลี่ยมจัตุรัส: #bec4f5, #f1b6be, #d3c996, #93d7d1
- โทนสีเดียว: #bec4f5, #757aa7, #999ecd, #e8edff, #f0f3ff

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

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

#bec4f5 เป็นโทนพาสเทล เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีคราม ใน RGB คือ rgb(190, 196, 245) ใน HSL คือ hsl(233.45, 73.33%, 85.29%) และใน OKLCH คือ oklch(83.219% 0.06892 279.325)

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

สีตรงข้ามของ #bec4f5 คือ #d3c996 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6ccf4 และ #d5bceb ส่วนสีสามเส้าคือ #f0b9a7 และ #a2d6b8

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

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

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

#bec4f5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 83.2% และความสด 0.069