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

#5bbac5 คือ rgb(91, 186, 197) ใน RGB และ oklch(73.558% 0.09081 205.463) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bbac5 |
| RGB | rgb(91, 186, 197) |
| HSL | hsl(186.23, 47.75%, 56.47%) |
| HSB / HSV | hsv(186.23 53.81% 77.25%) |
| HWB | hwb(186.23 35.69% 22.75%) |
| CMYK | cmyk(54% 6% 0% 23%) |
| Lab | lab(70.11 -26.97 -14.67) |
| LCH | lch(70.11 30.7 208.54) |
| OKLab | oklab(73.558% -0.08199 -0.03904) |
| OKLCH | oklch(73.558% 0.09081 205.463) |
| Display P3 | color(display-p3 0.45316 0.72081 0.7647) |
| Rec. 2020 | color(rec2020 0.4914 0.67965 0.73724) |
| Adobe RGB | color(a98-rgb 0.49679 0.72367 0.76547) |
| ProPhoto RGB | color(prophoto-rgb 0.50845 0.64559 0.71213) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.49102 0.55834) |
| XYZ D65 | color(xyz-d65 0.31949 0.41372 0.59127) |
| XYZ D50 | color(xyz-d50 0.31462 0.40913 0.44784) |
| SwiftUI | Color(red: 0.357, green: 0.729, blue: 0.773) |
| UIKit | UIColor(red: 0.357, green: 0.729, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF5BBAC5) |
| Android XML | #5BBAC5 |

## ข้อมูล

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

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

#5bbac5, #6ec1cb, #80c8d1, #91cfd6, #a2d6dc, #b2dde2, #c1e4e8, #d1eaee, #e0f1f3, #f0f8f9

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

#5bbac5, #4ea1ab, #418992, #357279, #295c61, #1e464b, #133235, #091e21, #030d0e, #000202

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

#5bbac5, #66b9c2, #70b7c0, #78b5bd, #81b4ba, #88b2b7, #90b0b4, #96afb2, #9dadaf, #a3abac

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

- คู่ตรงข้าม: #5bbac5, #dd938c
- คู่ตรงข้ามแยก: #5bbac5, #d891ac, #d69a71
- ข้างเคียง: #5bbac5, #65bca7, #6eb3db
- สามเส้า: #5bbac5, #c796c9, #c3a564
- สี่เหลี่ยมผืนผ้า: #5bbac5, #8ea9e3, #dd938c, #c3a564
- สี่เหลี่ยมจัตุรัส: #5bbac5, #ae9edd, #dd938c, #a7b16d
- โทนสีเดียว: #5bbac5, #00707b, #30949f, #83e1ec, #baffff

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

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

#5bbac5 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(91, 186, 197) ใน HSL คือ hsl(186.23, 47.75%, 56.47%) และใน OKLCH คือ oklch(73.558% 0.09081 205.463)

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

สีตรงข้ามของ #5bbac5 คือ #dd938c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #65bca7 และ #6eb3db ส่วนสีสามเส้าคือ #c796c9 และ #c3a564

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

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

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

#5bbac5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 205 องศา ความสว่าง 73.6% และความสด 0.091