# สี #5bbdd0: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

#5bbdd0 คือ rgb(91, 189, 208) ใน RGB และ oklch(74.669% 0.09538 212.056) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bbdd0 |
| RGB | rgb(91, 189, 208) |
| HSL | hsl(189.74, 55.45%, 58.63%) |
| HSB / HSV | hsv(189.74 56.25% 81.57%) |
| HWB | hwb(189.74 35.69% 18.43%) |
| CMYK | cmyk(56% 9% 0% 18%) |
| Lab | lab(71.3 -25.92 -18.86) |
| LCH | lch(71.3 32.06 216.05) |
| OKLab | oklab(74.669% -0.08084 -0.05062) |
| OKLCH | oklch(74.669% 0.09538 212.056) |
| Display P3 | color(display-p3 0.45701 0.73236 0.80536) |
| Rec. 2020 | color(rec2020 0.50083 0.69251 0.78168) |
| Adobe RGB | color(a98-rgb 0.50211 0.73552 0.80801) |
| ProPhoto RGB | color(prophoto-rgb 0.52361 0.65938 0.75816) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.50888 0.63076) |
| XYZ D65 | color(xyz-d65 0.33895 0.43172 0.66223) |
| XYZ D50 | color(xyz-d50 0.33186 0.42632 0.50128) |
| SwiftUI | Color(red: 0.357, green: 0.741, blue: 0.816) |
| UIKit | UIColor(red: 0.357, green: 0.741, blue: 0.816, alpha: 1) |
| Flutter / Compose | Color(0xFF5BBDD0) |
| Android XML | #5BBDD0 |

## ข้อมูล

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

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

#5bbdd0, #6fc4d5, #81cada, #92d1de, #a2d8e3, #b2dee8, #c2e5ec, #d1ebf1, #e1f2f6, #f0f9fa

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

#5bbdd0, #4ea4b5, #418c9a, #357480, #295d67, #1e474f, #133339, #091f23, #030d10, #000202

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

#5bbdd0, #66bccd, #71bac9, #7ab9c6, #82b7c2, #8ab5bf, #92b4bb, #99b2b7, #a0b0b4, #a6afb0

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

- คู่ตรงข้าม: #5bbdd0, #e39687
- คู่ตรงข้ามแยก: #5bbdd0, #e093a8, #d99f6d
- ข้างเคียง: #5bbdd0, #5fc1b1, #75b4e4
- สามเส้า: #5bbdd0, #d197c8, #c2ab64
- สี่เหลี่ยมผืนผ้า: #5bbdd0, #98a9ea, #e39687, #c2ab64
- สี่เหลี่ยมจัตุรัส: #5bbdd0, #b89fdf, #e39687, #a3b772
- โทนสีเดียว: #5bbdd0, #007385, #3097aa, #83e4f8, #c4ffff

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

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

#5bbdd0 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(91, 189, 208) ใน HSL คือ hsl(189.74, 55.45%, 58.63%) และใน OKLCH คือ oklch(74.669% 0.09538 212.056)

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

สีตรงข้ามของ #5bbdd0 คือ #e39687 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5fc1b1 และ #75b4e4 ส่วนสีสามเส้าคือ #d197c8 และ #c2ab64

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

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

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

#5bbdd0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 212 องศา ความสว่าง 74.7% และความสด 0.095