# สี #96e4dd: โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด

#96e4dd คือ rgb(150, 228, 221) ใน RGB และ oklch(86.637% 0.07749 188.682) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #96e4dd |
| RGB | rgb(150, 228, 221) |
| HSL | hsl(174.62, 59.09%, 74.12%) |
| HSB / HSV | hsv(174.62 34.21% 89.41%) |
| HWB | hwb(174.62 58.82% 10.59%) |
| CMYK | cmyk(34% 0% 3% 11%) |
| Lab | lab(85.4 -26.13 -4.62) |
| LCH | lch(85.4 26.54 190.02) |
| OKLab | oklab(86.637% -0.0766 -0.0117) |
| OKLCH | oklch(86.637% 0.07749 188.682) |
| Display P3 | color(display-p3 0.65654 0.8861 0.8649) |
| Rec. 2020 | color(rec2020 0.6894 0.86227 0.84944) |
| Adobe RGB | color(a98-rgb 0.68783 0.89099 0.86409) |
| ProPhoto RGB | color(prophoto-rgb 0.69479 0.83833 0.8346) |
| sRGB เชิงเส้น | color(srgb-linear 0.30499 0.77582 0.72306) |
| XYZ D65 | color(xyz-d65 0.53369 0.67189 0.78566) |
| XYZ D50 | color(xyz-d50 0.53526 0.66787 0.5959) |
| SwiftUI | Color(red: 0.588, green: 0.894, blue: 0.867) |
| UIKit | UIColor(red: 0.588, green: 0.894, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF96E4DD) |
| Android XML | #96E4DD |

## ข้อมูล

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

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

#96e4dd, #a2e7e0, #adeae4, #b8ece7, #c2efeb, #cdf2ee, #d7f5f1, #e1f7f5, #ebfaf8, #f5fcfc

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

#96e4dd, #82c6c0, #6ea9a4, #5b8d88, #49726e, #375855, #263f3d, #162826, #081211, #010302

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

#96e4dd, #9de2dc, #a4e1db, #abdfda, #b1ddd9, #b7dcd8, #bddad7, #c3d8d6, #c8d6d5, #ced5d4

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

- คู่ตรงข้าม: #96e4dd, #ffbec9
- คู่ตรงข้ามแยก: #96e4dd, #f6c0e4, #ffc2ae
- ข้างเคียง: #96e4dd, #a8e3c0, #98e0f6
- สามเส้า: #96e4dd, #e2c6fb, #f5ca9c
- สี่เหลี่ยมผืนผ้า: #96e4dd, #acd8ff, #ffbec9, #f5ca9c
- สี่เหลี่ยมจัตุรัส: #96e4dd, #c7cfff, #ffbec9, #e0d499
- โทนสีเดียว: #96e4dd, #499791, #70bdb6, #b9ffff, #b9ffff

## คำถามเกี่ยวกับ #96e4dd

### #96e4dd คือสีอะไร

#96e4dd เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(150, 228, 221) ใน HSL คือ hsl(174.62, 59.09%, 74.12%) และใน OKLCH คือ oklch(86.637% 0.07749 188.682)

### สีอะไรเข้ากับ #96e4dd

สีตรงข้ามของ #96e4dd คือ #ffbec9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a8e3c0 และ #98e0f6 ส่วนสีสามเส้าคือ #e2c6fb และ #f5ca9c

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

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

### #96e4dd เป็นสีโทนร้อนหรือโทนเย็น

#96e4dd เป็นสีโทนเย็น ใน OKLCH มีฮิว 189 องศา ความสว่าง 86.6% และความสด 0.077