# สี #5bbab3: โทนสด เฉดอ่อนของสีเขียวหัวเป็ด

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bbab3 |
| RGB | rgb(91, 186, 179) |
| HSL | hsl(175.58, 40.77%, 54.31%) |
| HSB / HSV | hsv(175.58 51.08% 72.94%) |
| HWB | hwb(175.58 35.69% 27.06%) |
| CMYK | cmyk(51% 0% 4% 27%) |
| Lab | lab(69.65 -30.69 -5.54) |
| LCH | lch(69.65 31.19 190.24) |
| OKLab | oklab(72.939% -0.08963 -0.01416) |
| OKLCH | oklch(72.939% 0.09074 188.976) |
| Display P3 | color(display-p3 0.45316 0.72081 0.69986) |
| Rec. 2020 | color(rec2020 0.48645 0.67872 0.66714) |
| Adobe RGB | color(a98-rgb 0.49679 0.72367 0.69724) |
| ProPhoto RGB | color(prophoto-rgb 0.49385 0.6432 0.64146) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.49102 0.45079) |
| XYZ D65 | color(xyz-d65 0.30008 0.40595 0.48904) |
| XYZ D50 | color(xyz-d50 0.29923 0.40261 0.37103) |
| SwiftUI | Color(red: 0.357, green: 0.729, blue: 0.702) |
| UIKit | UIColor(red: 0.357, green: 0.729, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF5BBAB3) |
| Android XML | #5BBAB3 |

## ข้อมูล

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

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

#5bbab3, #6ec1ba, #80c8c2, #91cfc9, #a1d6d1, #b1ddd8, #c1e4e0, #d1eae8, #e0f1ef, #f0f8f7

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

#5bbab3, #4ea19b, #418984, #35726e, #295c58, #1e4643, #13322f, #091e1d, #030d0c, #000201

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

#5bbab3, #66b8b2, #6fb7b1, #78b5b0, #80b3ae, #87b1ad, #8eafac, #95adab, #9babaa, #a1a9a8

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

- คู่ตรงข้าม: #5bbab3, #d9909b
- คู่ตรงข้ามแยก: #5bbab3, #ce91ba, #d9947d
- ข้างเคียง: #5bbab3, #73b993, #5fb5ce
- สามเส้า: #5bbab3, #b898d3, #cd9d67
- สี่เหลี่ยมผืนผ้า: #5bbab3, #7aacde, #d9909b, #cd9d67
- สี่เหลี่ยมจัตุรัส: #5bbab3, #9ba2e0, #d9909b, #b6a964
- โทนสีเดียว: #5bbab3, #00706b, #31948e, #83e1d9, #b7ffff

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

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

#5bbab3 เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 186, 179) ใน HSL คือ hsl(175.58, 40.77%, 54.31%) และใน OKLCH คือ oklch(72.939% 0.09074 188.976)

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

สีตรงข้ามของ #5bbab3 คือ #d9909b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #73b993 และ #5fb5ce ส่วนสีสามเส้าคือ #b898d3 และ #cd9d67

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

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

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

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