# สี #5caabc: โทนละมุน สีฟ้าอมเขียว

#5caabc คือ rgb(92, 170, 188) ใน RGB และ oklch(69.495% 0.08113 214.518) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5caabc |
| RGB | rgb(92, 170, 188) |
| HSL | hsl(191.25, 41.74%, 54.9%) |
| HSB / HSV | hsv(191.25 51.06% 73.73%) |
| HWB | hwb(191.25 36.08% 26.27%) |
| CMYK | cmyk(51% 10% 0% 26%) |
| Lab | lab(65.16 -21.33 -17.14) |
| LCH | lch(65.16 27.36 218.78) |
| OKLab | oklab(69.495% -0.06685 -0.04597) |
| OKLCH | oklch(69.495% 0.08113 214.518) |
| Display P3 | color(display-p3 0.43584 0.65929 0.72794) |
| Rec. 2020 | color(rec2020 0.45834 0.61425 0.69633) |
| Adobe RGB | color(a98-rgb 0.47112 0.66074 0.72882) |
| ProPhoto RGB | color(prophoto-rgb 0.47319 0.58059 0.66847) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.40198 0.50289) |
| XYZ D65 | color(xyz-d65 0.27864 0.34654 0.52799) |
| XYZ D50 | color(xyz-d50 0.27344 0.34247 0.39963) |
| SwiftUI | Color(red: 0.361, green: 0.667, blue: 0.737) |
| UIKit | UIColor(red: 0.361, green: 0.667, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF5CAABC) |
| Android XML | #5CAABC |

## ข้อมูล

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

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

#5caabc, #6eb2c3, #7fbbc9, #90c3d0, #a0ccd7, #b0d4dd, #c0dde4, #d0e5eb, #dfeef2, #eff6f8

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

#5caabc, #4f93a3, #427d8b, #366873, #2a535d, #1f3f47, #142d32, #0a1b1f, #030b0d, #000102

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

#5caabc, #64a9b9, #6ca8b6, #73a6b3, #7aa5b0, #81a4ad, #87a2a9, #8da1a6, #92a0a3, #979ea0

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

- คู่ตรงข้าม: #5caabc, #ca8b7b
- คู่ตรงข้ามแยก: #5caabc, #c88896, #c09267
- ข้างเคียง: #5caabc, #5daea3, #71a3cc
- สามเส้า: #5caabc, #bd8ab1, #ad9d61
- สี่เหลี่ยมผืนผ้า: #5caabc, #8d99d0, #ca8b7b, #ad9d61
- สี่เหลี่ยมจัตุรัส: #5caabc, #a890c6, #ca8b7b, #92a66e
- โทนสีเดียว: #5caabc, #006272, #358596, #82d0e3, #a9f8ff

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

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

#5caabc เป็นโทนละมุน สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีฟ้าอมเขียว ใน RGB คือ rgb(92, 170, 188) ใน HSL คือ hsl(191.25, 41.74%, 54.9%) และใน OKLCH คือ oklch(69.495% 0.08113 214.518)

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

สีตรงข้ามของ #5caabc คือ #ca8b7b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5daea3 และ #71a3cc ส่วนสีสามเส้าคือ #bd8ab1 และ #ad9d61

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

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

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

#5caabc เป็นสีโทนเย็น ใน OKLCH มีฮิว 215 องศา ความสว่าง 69.5% และความสด 0.081