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

#5aafba คือ rgb(90, 175, 186) ใน RGB และ oklch(70.516% 0.08364 206.52) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aafba |
| RGB | rgb(90, 175, 186) |
| HSL | hsl(186.87, 41.03%, 54.12%) |
| HSB / HSV | hsv(186.87 51.61% 72.94%) |
| HWB | hwb(186.87 35.29% 27.06%) |
| CMYK | cmyk(52% 6% 0% 27%) |
| Lab | lab(66.51 -24.56 -14.03) |
| LCH | lch(66.51 28.28 209.73) |
| OKLab | oklab(70.516% -0.07484 -0.03735) |
| OKLCH | oklch(70.516% 0.08364 206.52) |
| Display P3 | color(display-p3 0.43688 0.67841 0.72194) |
| Rec. 2020 | color(rec2020 0.46429 0.63413 0.69017) |
| Adobe RGB | color(a98-rgb 0.47579 0.68035 0.72195) |
| ProPhoto RGB | color(prophoto-rgb 0.47784 0.59967 0.66292) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.42869 0.49102) |
| XYZ D65 | color(xyz-d65 0.28408 0.36377 0.51981) |
| XYZ D50 | color(xyz-d50 0.27995 0.35984 0.39368) |
| SwiftUI | Color(red: 0.353, green: 0.686, blue: 0.729) |
| UIKit | UIColor(red: 0.353, green: 0.686, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF5AAFBA) |
| Android XML | #5AAFBA |

## ข้อมูล

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

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

#5aafba, #6db7c1, #7ebfc8, #8fc7ce, #a0cfd5, #b0d7dc, #c0dfe3, #d0e7ea, #dfeff1, #eff7f8

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

#5aafba, #4d98a1, #418189, #356b72, #29565c, #1e4146, #132e32, #091c1e, #030b0d, #000102

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

#5aafba, #63aeb7, #6cacb5, #74abb2, #7ba9b0, #82a8ad, #89a6aa, #8fa5a8, #95a3a5, #9aa2a2

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

- คู่ตรงข้าม: #5aafba, #cf8c84
- คู่ตรงข้ามแยก: #5aafba, #cb8aa1, #c8936c
- ข้างเคียง: #5aafba, #62b19e, #6ba8ce
- สามเส้า: #5aafba, #bc8ebc, #b79d62
- สี่เหลี่ยมผืนผ้า: #5aafba, #889fd5, #cf8c84, #b79d62
- สี่เหลี่ยมจัตุรัส: #5aafba, #a595ce, #cf8c84, #9da76a
- โทนสีเดียว: #5aafba, #006671, #318a95, #81d6e1, #a8feff

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

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

#5aafba เป็นโทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(90, 175, 186) ใน HSL คือ hsl(186.87, 41.03%, 54.12%) และใน OKLCH คือ oklch(70.516% 0.08364 206.52)

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

สีตรงข้ามของ #5aafba คือ #cf8c84 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #62b19e และ #6ba8ce ส่วนสีสามเส้าคือ #bc8ebc และ #b79d62

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

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

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

#5aafba เป็นสีโทนเย็น ใน OKLCH มีฮิว 207 องศา ความสว่าง 70.5% และความสด 0.084