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

#5ddfde คือ rgb(93, 223, 222) ใน RGB และ oklch(83.185% 0.11357 194.486) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ddfde |
| RGB | rgb(93, 223, 222) |
| HSL | hsl(179.54, 67.01%, 61.96%) |
| HSB / HSV | hsv(179.54 58.3% 87.45%) |
| HWB | hwb(179.54 36.47% 12.55%) |
| CMYK | cmyk(58% 0% 0% 13%) |
| Lab | lab(81.71 -37.27 -10.86) |
| LCH | lch(81.71 38.82 196.25) |
| OKLab | oklab(83.185% -0.10996 -0.02841) |
| OKLCH | oklch(83.185% 0.11357 194.486) |
| Display P3 | color(display-p3 0.50749 0.86347 0.86525) |
| Rec. 2020 | color(rec2020 0.58017 0.83361 0.84949) |
| Adobe RGB | color(a98-rgb 0.56822 0.87092 0.86708) |
| ProPhoto RGB | color(prophoto-rgb 0.6046 0.80442 0.83373) |
| sRGB เชิงเส้น | color(srgb-linear 0.10946 0.73791 0.73046) |
| XYZ D65 | color(xyz-d65 0.44084 0.60374 0.7844) |
| XYZ D50 | color(xyz-d50 0.43645 0.59763 0.59478) |
| SwiftUI | Color(red: 0.365, green: 0.875, blue: 0.871) |
| UIKit | UIColor(red: 0.365, green: 0.875, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF5DDFDE) |
| Android XML | #5DDFDE |

## ข้อมูล

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

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

#5ddfde, #73e2e1, #86e6e5, #98e9e8, #a8edeb, #b8f0ef, #c7f3f2, #d5f6f5, #e3f9f8, #f1fcfc

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

#5ddfde, #50c2c1, #43a5a5, #378a89, #2a6f6f, #1f5655, #143d3d, #0a2726, #031212, #000202

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

#5ddfde, #6ddddc, #7bdbda, #88d9d7, #93d6d5, #9dd4d3, #a6d2d1, #afcfce, #b8cdcc, #c0caca

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

- คู่ตรงข้าม: #5ddfde, #ffa9b1
- คู่ตรงข้ามแยก: #5ddfde, #fdaad9, #ffb08a
- ข้างเคียง: #5ddfde, #7bdfb5, #6bd8ff
- สามเส้า: #5ddfde, #e3b2fb, #f4bd70
- สี่เหลี่ยมผืนผ้า: #5ddfde, #97cbff, #ffa9b1, #f4bd70
- สี่เหลี่ยมจัตุรัส: #5ddfde, #bfbeff, #ffa9b1, #d3cc71
- โทนสีเดียว: #5ddfde, #009292, #29b8b7, #8dffff, #b4ffff

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

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

#5ddfde เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(93, 223, 222) ใน HSL คือ hsl(179.54, 67.01%, 61.96%) และใน OKLCH คือ oklch(83.185% 0.11357 194.486)

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

สีตรงข้ามของ #5ddfde คือ #ffa9b1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7bdfb5 และ #6bd8ff ส่วนสีสามเส้าคือ #e3b2fb และ #f4bd70

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

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

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

#5ddfde เป็นสีโทนเย็น ใน OKLCH มีฮิว 194 องศา ความสว่าง 83.2% และความสด 0.114