# สี #5aa3ab: โทนตุ่น สีฟ้าอมเขียว

#5aa3ab คือ rgb(90, 163, 171) ใน RGB และ oklch(67.114% 0.0739 204.751) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aa3ab |
| RGB | rgb(90, 163, 171) |
| HSL | hsl(185.93, 32.53%, 51.18%) |
| HSB / HSV | hsv(185.93 47.37% 67.06%) |
| HWB | hwb(185.93 35.29% 32.94%) |
| CMYK | cmyk(47% 5% 0% 33%) |
| Lab | lab(62.51 -22.18 -11.67) |
| LCH | lch(62.51 25.06 207.75) |
| OKLab | oklab(67.114% -0.06711 -0.03094) |
| OKLCH | oklch(67.114% 0.0739 204.751) |
| Display P3 | color(display-p3 0.4224 0.63225 0.66448) |
| Rec. 2020 | color(rec2020 0.43637 0.58476 0.62743) |
| Adobe RGB | color(a98-rgb 0.45557 0.63336 0.6634) |
| ProPhoto RGB | color(prophoto-rgb 0.44441 0.55046 0.59878) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.36625 0.40724) |
| XYZ D65 | color(xyz-d65 0.24663 0.31307 0.43273) |
| XYZ D50 | color(xyz-d50 0.24391 0.31 0.32779) |
| SwiftUI | Color(red: 0.353, green: 0.639, blue: 0.671) |
| UIKit | UIColor(red: 0.353, green: 0.639, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA3AB) |
| Android XML | #5AA3AB |

## ข้อมูล

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

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

#5aa3ab, #6cacb3, #7db5bb, #8ebec4, #9ec7cc, #aed1d4, #bedadd, #cee3e5, #dfecee, #eff6f6

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

#5aa3ab, #4d8d94, #41787e, #356368, #294f54, #1e3c40, #132a2d, #09191b, #030a0b, #000101

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

#5aa3ab, #62a2a9, #69a1a7, #6f9fa5, #769ea2, #7c9da0, #819b9e, #869a9c, #8c989a, #919798

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

- คู่ตรงข้าม: #5aa3ab, #bf847f
- คู่ตรงข้ามแยก: #5aa3ab, #bb8398, #ba8a6a
- ข้างเคียง: #5aa3ab, #62a593, #679dbd
- สามเส้า: #5aa3ab, #ad86af, #ab9260
- สี่เหลี่ยมผืนผ้า: #5aa3ab, #7f95c4, #bf847f, #ab9260
- สี่เหลี่ยมจัตุรัส: #5aa3ab, #988dbf, #bf847f, #949b66
- โทนสีเดียว: #5aa3ab, #005b63, #347e86, #80c9d1, #a6f1f9

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

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

#5aa3ab เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(90, 163, 171) ใน HSL คือ hsl(185.93, 32.53%, 51.18%) และใน OKLCH คือ oklch(67.114% 0.0739 204.751)

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

สีตรงข้ามของ #5aa3ab คือ #bf847f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #62a593 และ #679dbd ส่วนสีสามเส้าคือ #ad86af และ #ab9260

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

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

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

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