# สี #89b5bc: โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว

#89b5bc คือ rgb(137, 181, 188) ใน RGB และ oklch(74.391% 0.0479 208.272) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #89b5bc |
| RGB | rgb(137, 181, 188) |
| HSL | hsl(188.24, 27.57%, 63.73%) |
| HSB / HSV | hsv(188.24 27.13% 73.73%) |
| HWB | hwb(188.24 53.73% 26.27%) |
| CMYK | cmyk(27% 4% 0% 26%) |
| Lab | lab(70.69 -13.97 -8.62) |
| LCH | lch(70.69 16.42 211.65) |
| OKLab | oklab(74.391% -0.04219 -0.02269) |
| OKLCH | oklch(74.391% 0.0479 208.272) |
| Display P3 | color(display-p3 0.57286 0.70493 0.73246) |
| Rec. 2020 | color(rec2020 0.569 0.66656 0.70192) |
| Adobe RGB | color(a98-rgb 0.58756 0.70395 0.73046) |
| ProPhoto RGB | color(prophoto-rgb 0.56308 0.63565 0.67571) |
| sRGB เชิงเส้น | color(srgb-linear 0.25016 0.46208 0.50289) |
| XYZ D65 | color(xyz-d65 0.35916 0.41996 0.53792) |
| XYZ D50 | color(xyz-d50 0.35901 0.4174 0.40745) |
| SwiftUI | Color(red: 0.537, green: 0.71, blue: 0.737) |
| UIKit | UIColor(red: 0.537, green: 0.71, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF89B5BC) |
| Android XML | #89B5BC |

## ข้อมูล

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

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

#89b5bc, #95bcc3, #a1c4c9, #accbd0, #b8d2d6, #c4dadd, #cfe1e4, #dbe8eb, #e7f0f1, #f3f7f8

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

#89b5bc, #769da3, #64868b, #536f73, #42595d, #314447, #223032, #141d1f, #070c0d, #010202

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

#89b5bc, #8db4ba, #91b3b9, #94b2b7, #98b1b6, #9bb1b4, #9fb0b2, #a2afb1, #a5aeaf, #a9adad

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

- คู่ตรงข้าม: #89b5bc, #c9a19b
- คู่ตรงข้ามแยก: #89b5bc, #c6a0ac, #c4a58f
- ข้างเคียง: #89b5bc, #8cb6ac, #91b1c7
- สามเส้า: #89b5bc, #bda2bb, #b9ab8a
- สี่เหลี่ยมผืนผ้า: #89b5bc, #9faccb, #c9a19b, #b9ab8a
- สี่เหลี่ยมจัตุรัส: #89b5bc, #afa6c7, #c9a19b, #a9b18f
- โทนสีเดียว: #89b5bc, #426c73, #659097, #afdce3, #d1ffff

## คำถามเกี่ยวกับ #89b5bc

### #89b5bc คือสีอะไร

#89b5bc เป็นโทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(137, 181, 188) ใน HSL คือ hsl(188.24, 27.57%, 63.73%) และใน OKLCH คือ oklch(74.391% 0.0479 208.272)

### สีอะไรเข้ากับ #89b5bc

สีตรงข้ามของ #89b5bc คือ #c9a19b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8cb6ac และ #91b1c7 ส่วนสีสามเส้าคือ #bda2bb และ #b9ab8a

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

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

### #89b5bc เป็นสีโทนร้อนหรือโทนเย็น

#89b5bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 208 องศา ความสว่าง 74.4% และความสด 0.048