# สี #58ddd5: โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด

#58ddd5 คือ rgb(88, 221, 213) ใน RGB และ oklch(82.271% 0.116 189.603) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #58ddd5 |
| RGB | rgb(88, 221, 213) |
| HSL | hsl(176.39, 66.17%, 60.59%) |
| HSB / HSV | hsv(176.39 60.18% 86.67%) |
| HWB | hwb(176.39 34.51% 13.33%) |
| CMYK | cmyk(60% 0% 4% 13%) |
| Lab | lab(80.76 -39.2 -7.53) |
| LCH | lch(80.76 39.91 190.87) |
| OKLab | oklab(82.271% -0.11438 -0.01935) |
| OKLCH | oklch(82.271% 0.116 189.603) |
| Display P3 | color(display-p3 0.49411 0.85555 0.83221) |
| Rec. 2020 | color(rec2020 0.5665 0.82436 0.81324) |
| Adobe RGB | color(a98-rgb 0.55669 0.86291 0.83225) |
| ProPhoto RGB | color(prophoto-rgb 0.58751 0.7938 0.79559) |
| sRGB เชิงเส้น | color(srgb-linear 0.09759 0.72306 0.66539) |
| XYZ D65 | color(xyz-d65 0.41889 0.58589 0.72054) |
| XYZ D50 | color(xyz-d50 0.41624 0.5804 0.54671) |
| SwiftUI | Color(red: 0.345, green: 0.867, blue: 0.835) |
| UIKit | UIColor(red: 0.345, green: 0.867, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF58DDD5) |
| Android XML | #58DDD5 |

## ข้อมูล

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

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

#58ddd5, #6fe1d9, #83e4dd, #95e8e2, #a6ebe6, #b6efea, #c5f2ee, #d4f5f2, #e3f9f7, #f1fcfb

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

#58ddd5, #4bc0b9, #3fa49e, #338883, #286e6a, #1d5551, #123d3a, #092624, #031110, #000202

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

#58ddd5, #69dbd3, #77d9d2, #84d6d0, #8fd4cf, #9ad2cd, #a3cfcb, #accdca, #b5cac8, #bdc7c6

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

- คู่ตรงข้าม: #58ddd5, #ffa5b4
- คู่ตรงข้ามแยก: #58ddd5, #f7a7dd, #ffab8c
- ข้างเคียง: #58ddd5, #7ddcaa, #60d7f8
- สามเส้า: #58ddd5, #dcb0fe, #f6b76e
- สี่เหลี่ยมผืนผ้า: #58ddd5, #89cbff, #ffa5b4, #f6b76e
- สี่เหลี่ยมจัตุรัส: #58ddd5, #b6bdff, #ffa5b4, #d7c769
- โทนสีเดียว: #58ddd5, #00908a, #20b6af, #84fffd, #b8ffff

## คำถามเกี่ยวกับ #58ddd5

### #58ddd5 คือสีอะไร

#58ddd5 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(88, 221, 213) ใน HSL คือ hsl(176.39, 66.17%, 60.59%) และใน OKLCH คือ oklch(82.271% 0.116 189.603)

### สีอะไรเข้ากับ #58ddd5

สีตรงข้ามของ #58ddd5 คือ #ffa5b4 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7ddcaa และ #60d7f8 ส่วนสีสามเส้าคือ #dcb0fe และ #f6b76e

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

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

### #58ddd5 เป็นสีโทนร้อนหรือโทนเย็น

#58ddd5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 82.3% และความสด 0.116