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

#5ac3d2 คือ rgb(90, 195, 210) ใน RGB และ oklch(76.111% 0.09863 207.914) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ac3d2 |
| RGB | rgb(90, 195, 210) |
| HSL | hsl(187.5, 57.14%, 58.82%) |
| HSB / HSV | hsv(187.5 57.14% 82.35%) |
| HWB | hwb(187.5 35.29% 17.65%) |
| CMYK | cmyk(57% 7% 0% 18%) |
| Lab | lab(73.09 -28.38 -17.27) |
| LCH | lch(73.09 33.23 211.33) |
| OKLab | oklab(76.111% -0.08715 -0.04617) |
| OKLCH | oklch(76.111% 0.09863 207.914) |
| Display P3 | color(display-p3 0.46252 0.75542 0.81414) |
| Rec. 2020 | color(rec2020 0.51235 0.71707 0.79165) |
| Adobe RGB | color(a98-rgb 0.51115 0.75928 0.81658) |
| ProPhoto RGB | color(prophoto-rgb 0.53547 0.68408 0.76931) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.54572 0.64448) |
| XYZ D65 | color(xyz-d65 0.35362 0.45855 0.67962) |
| XYZ D50 | color(xyz-d50 0.34698 0.45304 0.51463) |
| SwiftUI | Color(red: 0.353, green: 0.765, blue: 0.824) |
| UIKit | UIColor(red: 0.353, green: 0.765, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF5AC3D2) |
| Android XML | #5AC3D2 |

## ข้อมูล

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

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

#5ac3d2, #6ec9d7, #81cfdb, #92d5e0, #a3dbe4, #b3e1e9, #c2e7ed, #d2edf2, #e1f3f6, #f0f9fb

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

#5ac3d2, #4da9b6, #41909b, #357881, #296068, #1e4a50, #133439, #092024, #030e10, #000202

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

#5ac3d2, #67c1cf, #72c0cc, #7bbec8, #85bcc5, #8dbbc2, #95b9bf, #9db7bb, #a4b5b8, #abb3b5

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

- คู่ตรงข้าม: #5ac3d2, #ea998e
- คู่ตรงข้ามแยก: #5ac3d2, #e597b1, #e1a271
- ข้างเคียง: #5ac3d2, #63c6b1, #72bbe9
- สามเส้า: #5ac3d2, #d49bd1, #ccae65
- สี่เหลี่ยมผืนผ้า: #5ac3d2, #96aff1, #ea998e, #ccae65
- สี่เหลี่ยมจัตุรัส: #5ac3d2, #b9a4e8, #ea998e, #acba71
- โทนสีเดียว: #5ac3d2, #007887, #2d9dac, #83eafa, #beffff

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

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

#5ac3d2 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(90, 195, 210) ใน HSL คือ hsl(187.5, 57.14%, 58.82%) และใน OKLCH คือ oklch(76.111% 0.09863 207.914)

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

สีตรงข้ามของ #5ac3d2 คือ #ea998e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #63c6b1 และ #72bbe9 ส่วนสีสามเส้าคือ #d49bd1 และ #ccae65

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

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

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

#5ac3d2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 208 องศา ความสว่าง 76.1% และความสด 0.099