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

#9ba3f2 คือ rgb(155, 163, 242) ใน RGB และ oklch(74.001% 0.11427 278.78) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ba3f2 |
| RGB | rgb(155, 163, 242) |
| HSL | hsl(234.48, 76.99%, 77.84%) |
| HSB / HSV | hsv(234.48 35.95% 94.9%) |
| HWB | hwb(234.48 60.78% 5.1%) |
| CMYK | cmyk(36% 33% 0% 5%) |
| Lab | lab(68.7 11.2 -40.94) |
| LCH | lch(68.7 42.44 285.3) |
| OKLab | oklab(74.001% 0.01744 -0.11293) |
| OKLCH | oklch(74.001% 0.11427 278.78) |
| Display P3 | color(display-p3 0.61356 0.63821 0.92636) |
| Rec. 2020 | color(rec2020 0.59892 0.60305 0.91313) |
| Adobe RGB | color(a98-rgb 0.61126 0.63336 0.9369) |
| ProPhoto RGB | color(prophoto-rgb 0.61694 0.58175 0.89384) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.36625 0.88792) |
| XYZ D65 | color(xyz-d65 0.42639 0.39573 0.89399) |
| XYZ D50 | color(xyz-d50 0.41104 0.38932 0.67419) |
| SwiftUI | Color(red: 0.608, green: 0.639, blue: 0.949) |
| UIKit | UIColor(red: 0.608, green: 0.639, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF9BA3F2) |
| Android XML | #9BA3F2 |

## ข้อมูล

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

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

#9ba3f2, #a4acf4, #aeb6f6, #b8bff7, #c1c8f9, #cbd1fa, #d5dafb, #e0e3fd, #eaedfe, #f4f6fe

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

#9ba3f2, #868dd2, #7278b4, #5e6396, #4b4f79, #393c5e, #282a43, #18192b, #090a14, #010103

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

#9ba3f2, #9ca4eb, #9ea5e4, #9fa6dd, #a1a7d6, #a2a8cf, #a4a8c8, #a6a9c1, #a7aaba, #a9aab2

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

- คู่ตรงข้าม: #9ba3f2, #bdac50
- คู่ตรงข้ามแยก: #9ba3f2, #da9d56, #95b969
- ข้างเคียง: #9ba3f2, #6fb0f0, #c097e2
- สามเส้า: #9ba3f2, #e89174, #65c190
- สี่เหลี่ยมผืนผ้า: #9ba3f2, #da8ec3, #bdac50, #65c190
- สี่เหลี่ยมจัตุรัส: #9ba3f2, #e88b9c, #bdac50, #3ac2b9
- โทนสีเดียว: #9ba3f2, #565aa3, #777eca, #c3cbff, #eff3ff

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

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

#9ba3f2 เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(155, 163, 242) ใน HSL คือ hsl(234.48, 76.99%, 77.84%) และใน OKLCH คือ oklch(74.001% 0.11427 278.78)

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

สีตรงข้ามของ #9ba3f2 คือ #bdac50 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6fb0f0 และ #c097e2 ส่วนสีสามเส้าคือ #e89174 และ #65c190

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

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

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

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