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

#5ab6cc คือ rgb(90, 182, 204) ใน RGB และ oklch(72.842% 0.0927 215.546) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ab6cc |
| RGB | rgb(90, 182, 204) |
| HSL | hsl(191.58, 52.78%, 57.65%) |
| HSB / HSV | hsv(191.58 55.88% 80%) |
| HWB | hwb(191.58 35.29% 20%) |
| CMYK | cmyk(56% 11% 0% 20%) |
| Lab | lab(69.09 -23.83 -20.02) |
| LCH | lch(69.09 31.12 220.04) |
| OKLab | oklab(72.842% -0.07542 -0.05389) |
| OKLCH | oklch(72.842% 0.0927 215.546) |
| Display P3 | color(display-p3 0.44565 0.70535 0.78904) |
| Rec. 2020 | color(rec2020 0.48376 0.66361 0.76344) |
| Adobe RGB | color(a98-rgb 0.48794 0.70789 0.79166) |
| ProPhoto RGB | color(prophoto-rgb 0.50603 0.63027 0.73842) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.46778 0.60383) |
| XYZ D65 | color(xyz-d65 0.31841 0.39988 0.63169) |
| XYZ D50 | color(xyz-d50 0.31115 0.3947 0.47803) |
| SwiftUI | Color(red: 0.353, green: 0.714, blue: 0.8) |
| UIKit | UIColor(red: 0.353, green: 0.714, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF5AB6CC) |
| Android XML | #5AB6CC |

## ข้อมูล

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

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

#5ab6cc, #6dbdd1, #7fc5d6, #90ccdb, #a1d3e1, #b1dbe6, #c1e2eb, #d0e9f0, #e0f1f5, #eff8fa

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

#5ab6cc, #4d9eb1, #418697, #356f7e, #295965, #1e444e, #133037, #091d22, #030c0f, #000202

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

#5ab6cc, #65b5c8, #6eb3c5, #77b2c1, #7fb1bd, #86afba, #8eaeb6, #94acb2, #9baaaf, #a1a9ab

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

- คู่ตรงข้าม: #5ab6cc, #db927f
- คู่ตรงข้ามแยก: #5ab6cc, #d98f9f, #cf9b67
- ข้างเคียง: #5ab6cc, #5abaaf, #75adde
- สามเส้า: #5ab6cc, #cc91be, #b9a761
- สี่เหลี่ยมผืนผ้า: #5ab6cc, #97a3e2, #db927f, #b9a761
- สี่เหลี่ยมจัตุรัส: #5ab6cc, #b598d6, #db927f, #99b271
- โทนสีเดียว: #5ab6cc, #006c81, #3090a6, #82ddf4, #c9ffff

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

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

#5ab6cc เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(90, 182, 204) ใน HSL คือ hsl(191.58, 52.78%, 57.65%) และใน OKLCH คือ oklch(72.842% 0.0927 215.546)

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

สีตรงข้ามของ #5ab6cc คือ #db927f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5abaaf และ #75adde ส่วนสีสามเส้าคือ #cc91be และ #b9a761

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

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

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

#5ab6cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 216 องศา ความสว่าง 72.8% และความสด 0.093