# สี #9baefd: โทนสด เฉดอ่อนของสีคราม

#9baefd คือ rgb(155, 174, 253) ใน RGB และ oklch(76.694% 0.11552 273.069) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9baefd |
| RGB | rgb(155, 174, 253) |
| HSL | hsl(228.37, 96.08%, 80%) |
| HSB / HSV | hsv(228.37 38.74% 99.22%) |
| HWB | hwb(228.37 60.78% 0.78%) |
| CMYK | cmyk(39% 31% 0% 1%) |
| Lab | lab(71.95 7.7 -41.84) |
| LCH | lch(71.95 42.54 280.43) |
| OKLab | oklab(76.694% 0.00619 -0.11535) |
| OKLCH | oklch(76.694% 0.11552 273.069) |
| Display P3 | color(display-p3 0.62192 0.68005 0.96885) |
| Rec. 2020 | color(rec2020 0.61829 0.64711 0.96072) |
| Adobe RGB | color(a98-rgb 0.62442 0.67642 0.98126) |
| ProPhoto RGB | color(prophoto-rgb 0.64274 0.6254 0.94631) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.42327 0.98225) |
| XYZ D65 | color(xyz-d65 0.4638 0.44332 0.99045) |
| XYZ D50 | color(xyz-d50 0.44649 0.43591 0.74708) |
| SwiftUI | Color(red: 0.608, green: 0.682, blue: 0.992) |
| UIKit | UIColor(red: 0.608, green: 0.682, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF9BAEFD) |
| Android XML | #9BAEFD |

## ข้อมูล

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

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

#9baefd, #a4b6fe, #aebefe, #b8c7ff, #c2cfff, #ccd7ff, #d6dfff, #e0e7ff, #eaefff, #f5f7ff

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

#9baefd, #8697dc, #7280bc, #5e6a9d, #4b557f, #394162, #282e47, #181c2d, #090b16, #010103

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

#9baefd, #9daff6, #a0b0ef, #a2b0e7, #a4b1e0, #a7b1d9, #a9b2d1, #acb2ca, #aeb3c2, #b1b3bb

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

- คู่ตรงข้าม: #9baefd, #ccb156
- คู่ตรงข้ามแยก: #9baefd, #e7a261, #a5bf6a
- ข้างเคียง: #9baefd, #6dbbf7, #c2a1f0
- สามเส้า: #9baefd, #f39783, #76c990
- สี่เหลี่ยมผืนผ้า: #9baefd, #df97d3, #ccb156, #76c990
- สี่เหลี่ยมจัตุรัส: #9baefd, #f193ac, #ccb156, #49cbba
- โทนสีเดียว: #9baefd, #5564ad, #7789d4, #c9d7ff, #edf4ff

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

### #9baefd คือสีอะไร

#9baefd เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(155, 174, 253) ใน HSL คือ hsl(228.37, 96.08%, 80%) และใน OKLCH คือ oklch(76.694% 0.11552 273.069)

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

สีตรงข้ามของ #9baefd คือ #ccb156 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6dbbf7 และ #c2a1f0 ส่วนสีสามเส้าคือ #f39783 และ #76c990

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

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

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

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