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

#9ee3df คือ rgb(158, 227, 223) ใน RGB และ oklch(86.899% 0.06922 191.396) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ee3df |
| RGB | rgb(158, 227, 223) |
| HSL | hsl(176.52, 55.2%, 75.49%) |
| HSB / HSV | hsv(176.52 30.4% 89.02%) |
| HWB | hwb(176.52 61.96% 10.98%) |
| CMYK | cmyk(30% 0% 2% 11%) |
| Lab | lab(85.58 -23.05 -5.34) |
| LCH | lch(85.58 23.66 193.04) |
| OKLab | oklab(86.899% -0.06786 -0.01368) |
| OKLCH | oklch(86.899% 0.06922 191.396) |
| Display P3 | color(display-p3 0.67821 0.8829 0.8721) |
| Rec. 2020 | color(rec2020 0.70501 0.85974 0.85724) |
| Adobe RGB | color(a98-rgb 0.70483 0.88698 0.87159) |
| ProPhoto RGB | color(prophoto-rgb 0.70888 0.83663 0.84265) |
| sRGB เชิงเส้น | color(srgb-linear 0.34191 0.76815 0.73791) |
| XYZ D65 | color(xyz-d65 0.54886 0.67533 0.79958) |
| XYZ D50 | color(xyz-d50 0.55053 0.67148 0.60628) |
| SwiftUI | Color(red: 0.62, green: 0.89, blue: 0.875) |
| UIKit | UIColor(red: 0.62, green: 0.89, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF9EE3DF) |
| Android XML | #9EE3DF |

## ข้อมูล

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

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

#9ee3df, #a8e6e2, #b3e9e5, #bdece9, #c6eeec, #d0f1ef, #daf4f2, #e3f7f5, #ecfaf9, #f6fcfc

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

#9ee3df, #89c5c2, #74a8a5, #608c8a, #4d716f, #3a5756, #293f3d, #182727, #091212, #010302

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

#9ee3df, #a4e2de, #aae0dd, #b0dfdc, #b6ddda, #bbdcd9, #c0dad8, #c5d9d7, #cad7d6, #cfd5d5

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

- คู่ตรงข้าม: #9ee3df, #fec2c8
- คู่ตรงข้ามแยก: #9ee3df, #f5c3e1, #fdc6b1
- ข้างเคียง: #9ee3df, #ace3c6, #a1dff4
- สามเส้า: #9ee3df, #e3c8f6, #f1cda2
- สี่เหลี่ยมผืนผ้า: #9ee3df, #b3d8ff, #fec2c8, #f1cda2
- สี่เหลี่ยมจัตุรัส: #9ee3df, #cbcfff, #fec2c8, #ddd6a1
- โทนสีเดียว: #9ee3df, #539693, #78bcb8, #bfffff, #bfffff

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

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

#9ee3df เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(158, 227, 223) ใน HSL คือ hsl(176.52, 55.2%, 75.49%) และใน OKLCH คือ oklch(86.899% 0.06922 191.396)

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

สีตรงข้ามของ #9ee3df คือ #fec2c8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ace3c6 และ #a1dff4 ส่วนสีสามเส้าคือ #e3c8f6 และ #f1cda2

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

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

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

#9ee3df เป็นสีโทนเย็น ใน OKLCH มีฮิว 191 องศา ความสว่าง 86.9% และความสด 0.069