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

#9ae2dd คือ rgb(154, 226, 221) ใน RGB และ oklch(86.403% 0.07202 190.418) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ae2dd |
| RGB | rgb(154, 226, 221) |
| HSL | hsl(175.83, 55.38%, 74.51%) |
| HSB / HSV | hsv(175.83 31.86% 88.63%) |
| HWB | hwb(175.83 60.39% 11.37%) |
| CMYK | cmyk(32% 0% 2% 11%) |
| Lab | lab(85.04 -24.1 -5.1) |
| LCH | lch(85.04 24.64 191.95) |
| OKLab | oklab(86.403% -0.07084 -0.01302) |
| OKLCH | oklch(86.403% 0.07202 190.418) |
| Display P3 | color(display-p3 0.66578 0.87875 0.86448) |
| Rec. 2020 | color(rec2020 0.6941 0.85477 0.84882) |
| Adobe RGB | color(a98-rgb 0.69394 0.88296 0.86374) |
| ProPhoto RGB | color(prophoto-rgb 0.69817 0.8309 0.83364) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.76052 0.72306) |
| XYZ D65 | color(xyz-d65 0.53571 0.66482 0.78418) |
| XYZ D50 | color(xyz-d50 0.53728 0.66094 0.59467) |
| SwiftUI | Color(red: 0.604, green: 0.886, blue: 0.867) |
| UIKit | UIColor(red: 0.604, green: 0.886, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF9AE2DD) |
| Android XML | #9AE2DD |

## ข้อมูล

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

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

#9ae2dd, #a5e5e0, #b0e8e4, #baebe7, #c4eeeb, #cef1ee, #d8f4f1, #e2f7f5, #ecf9f8, #f5fcfc

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

#9ae2dd, #85c4c0, #71a8a4, #5e8c88, #4b716e, #395755, #273e3d, #172726, #091211, #010302

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

#9ae2dd, #a1e1dc, #a7dfdb, #adddda, #b3dcd9, #b8dad8, #bed9d6, #c3d7d5, #c8d5d4, #cdd4d3

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

- คู่ตรงข้าม: #9ae2dd, #fdbfc7
- คู่ตรงข้ามแยก: #9ae2dd, #f4c0e1, #fdc3af
- ข้างเคียง: #9ae2dd, #a9e2c3, #9ddef3
- สามเส้า: #9ae2dd, #e1c6f6, #f1cb9f
- สี่เหลี่ยมผืนผ้า: #9ae2dd, #afd7ff, #fdbfc7, #f1cb9f
- สี่เหลี่ยมจัตุรัส: #9ae2dd, #c9ceff, #fdbfc7, #ddd49d
- โทนสีเดียว: #9ae2dd, #4e9591, #74bbb6, #bcffff, #bcffff

## คำถามเกี่ยวกับ #9ae2dd

### #9ae2dd คือสีอะไร

#9ae2dd เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(154, 226, 221) ใน HSL คือ hsl(175.83, 55.38%, 74.51%) และใน OKLCH คือ oklch(86.403% 0.07202 190.418)

### สีอะไรเข้ากับ #9ae2dd

สีตรงข้ามของ #9ae2dd คือ #fdbfc7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a9e2c3 และ #9ddef3 ส่วนสีสามเส้าคือ #e1c6f6 และ #f1cb9f

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

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

### #9ae2dd เป็นสีโทนร้อนหรือโทนเย็น

#9ae2dd เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 86.4% และความสด 0.072