# สี #5bb6df: โทนสด เฉดอ่อนของสีฟ้า

#5bb6df คือ rgb(91, 182, 223) ใน RGB และ oklch(73.653% 0.10492 229.871) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bb6df |
| RGB | rgb(91, 182, 223) |
| HSL | hsl(198.64, 67.35%, 61.57%) |
| HSB / HSV | hsv(198.64 59.19% 87.45%) |
| HWB | hwb(198.64 35.69% 12.55%) |
| CMYK | cmyk(59% 18% 0% 13%) |
| Lab | lab(69.71 -19.21 -29.42) |
| LCH | lch(69.71 35.14 236.85) |
| OKLab | oklab(73.653% -0.06762 -0.08022) |
| OKLCH | oklch(73.653% 0.10492 229.871) |
| Display P3 | color(display-p3 0.44808 0.70541 0.85837) |
| Rec. 2020 | color(rec2020 0.49153 0.66491 0.83925) |
| Adobe RGB | color(a98-rgb 0.48977 0.70789 0.86493) |
| ProPhoto RGB | color(prophoto-rgb 0.525 0.63348 0.81727) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.46778 0.73791) |
| XYZ D65 | color(xyz-d65 0.34359 0.41006 0.75919) |
| XYZ D50 | color(xyz-d50 0.33137 0.40336 0.57381) |
| SwiftUI | Color(red: 0.357, green: 0.714, blue: 0.875) |
| UIKit | UIColor(red: 0.357, green: 0.714, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF5BB6DF) |
| Android XML | #5BB6DF |

## ข้อมูล

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

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

#5bb6df, #6ebde3, #80c5e6, #91cce9, #a1d4ed, #b1dbf0, #c1e2f3, #d1e9f6, #e0f1f9, #f0f8fc

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

#5bb6df, #4e9ec2, #4186a5, #356f8a, #29596f, #1e4456, #13303d, #091d27, #030c12, #000202

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

#5bb6df, #66b5da, #6fb4d5, #78b3cf, #80b2ca, #88b1c5, #8fafbf, #96aeba, #9dadb5, #a3abaf

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

- คู่ตรงข้าม: #5bb6df, #df966c
- คู่ตรงข้ามแยก: #5bb6df, #e48e8e, #cda258
- ข้างเคียง: #5bb6df, #46bec4, #82abec
- สามเส้า: #5bb6df, #dc8eb3, #aeb05e
- สี่เหลี่ยมผืนผ้า: #5bb6df, #a89ee8, #df966c, #aeb05e
- สี่เหลี่ยมจัตุรัส: #5bb6df, #c794d3, #df966c, #86ba7a
- โทนสีเดียว: #5bb6df, #006c92, #3190b8, #83ddff, #d8fcff

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

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

#5bb6df เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(91, 182, 223) ใน HSL คือ hsl(198.64, 67.35%, 61.57%) และใน OKLCH คือ oklch(73.653% 0.10492 229.871)

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

สีตรงข้ามของ #5bb6df คือ #df966c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #46bec4 และ #82abec ส่วนสีสามเส้าคือ #dc8eb3 และ #aeb05e

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

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

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

#5bb6df เป็นสีโทนเย็น ใน OKLCH มีฮิว 230 องศา ความสว่าง 73.7% และความสด 0.105