# สี #5bafe2: โทนละมุน เฉดอ่อนของสีฟ้า

#5bafe2 คือ rgb(91, 175, 226) ใน RGB และ oklch(72.193% 0.11044 237.628) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bafe2 |
| RGB | rgb(91, 175, 226) |
| HSL | hsl(202.67, 69.95%, 62.16%) |
| HSB / HSV | hsv(202.67 59.73% 88.63%) |
| HWB | hwb(202.67 35.69% 11.37%) |
| CMYK | cmyk(60% 23% 0% 11%) |
| Lab | lab(67.78 -15.11 -34.01) |
| LCH | lch(67.78 37.22 246.05) |
| OKLab | oklab(72.193% -0.05913 -0.09327) |
| OKLCH | oklch(72.193% 0.11044 237.628) |
| Display P3 | color(display-p3 0.43937 0.67847 0.86786) |
| Rec. 2020 | color(rec2020 0.47879 0.63674 0.84927) |
| Adobe RGB | color(a98-rgb 0.47767 0.68035 0.87571) |
| ProPhoto RGB | color(prophoto-rgb 0.51589 0.60619 0.827) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.42869 0.76052) |
| XYZ D65 | color(xyz-d65 0.3337 0.38374 0.77602) |
| XYZ D50 | color(xyz-d50 0.31955 0.3767 0.58616) |
| SwiftUI | Color(red: 0.357, green: 0.686, blue: 0.886) |
| UIKit | UIColor(red: 0.357, green: 0.686, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF5BAFE2) |
| Android XML | #5BAFE2 |

## ข้อมูล

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

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

#5bafe2, #6eb7e5, #7fbfe9, #90c7ec, #a0cfef, #b0d7f2, #c0dff5, #d0e7f7, #e0effa, #eff7fd

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

#5bafe2, #4e98c4, #4181a8, #356b8c, #295671, #1e4157, #132e3e, #091c27, #030b12, #000103

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

#5bafe2, #65aedc, #6eaed6, #76add0, #7eacca, #85abc4, #8caabe, #93a9b8, #99a8b2, #9fa6ab

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

- คู่ตรงข้าม: #5bafe2, #d9935d
- คู่ตรงข้ามแยก: #5bafe2, #e2897f, #c2a14d
- ข้างเคียง: #5bafe2, #37b8c9, #87a3eb
- สามเส้า: #5bafe2, #dd87a5, #9fae5b
- สี่เหลี่ยมผืนผ้า: #5bafe2, #ad96e2, #d9935d, #9fae5b
- สี่เหลี่ยมจัตุรัส: #5bafe2, #ca8cc9, #d9935d, #74b87d
- โทนสีเดียว: #5bafe2, #006594, #3389bb, #82d6ff, #d8f8ff

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

### #5bafe2 คือสีอะไร

#5bafe2 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(91, 175, 226) ใน HSL คือ hsl(202.67, 69.95%, 62.16%) และใน OKLCH คือ oklch(72.193% 0.11044 237.628)

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

สีตรงข้ามของ #5bafe2 คือ #d9935d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #37b8c9 และ #87a3eb ส่วนสีสามเส้าคือ #dd87a5 และ #9fae5b

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

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

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

#5bafe2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 238 องศา ความสว่าง 72.2% และความสด 0.11