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

#9de4e1 คือ rgb(157, 228, 225) ใน RGB และ oklch(87.126% 0.07084 192.591) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9de4e1 |
| RGB | rgb(157, 228, 225) |
| HSL | hsl(177.46, 56.8%, 75.49%) |
| HSB / HSV | hsv(177.46 31.14% 89.41%) |
| HWB | hwb(177.46 61.57% 10.59%) |
| CMYK | cmyk(31% 0% 1% 11%) |
| Lab | lab(85.85 -23.45 -6) |
| LCH | lch(85.85 24.21 194.35) |
| OKLab | oklab(87.126% -0.06913 -0.01544) |
| OKLCH | oklch(87.126% 0.07084 192.591) |
| Display P3 | color(display-p3 0.67635 0.88665 0.87952) |
| Rec. 2020 | color(rec2020 0.70516 0.86376 0.86544) |
| Adobe RGB | color(a98-rgb 0.70399 0.89099 0.87945) |
| ProPhoto RGB | color(prophoto-rgb 0.71043 0.84089 0.85142) |
| sRGB เชิงเส้น | color(srgb-linear 0.33716 0.77582 0.75294) |
| XYZ D65 | color(xyz-d65 0.55236 0.68089 0.81469) |
| XYZ D50 | color(xyz-d50 0.55356 0.67684 0.61769) |
| SwiftUI | Color(red: 0.616, green: 0.894, blue: 0.882) |
| UIKit | UIColor(red: 0.616, green: 0.894, blue: 0.882, alpha: 1) |
| Flutter / Compose | Color(0xFF9DE4E1) |
| Android XML | #9DE4E1 |

## ข้อมูล

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

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

#9de4e1, #a8e7e4, #b2eae7, #bcecea, #c6efed, #d0f2f0, #d9f4f3, #e3f7f6, #ecfaf9, #f6fcfc

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

#9de4e1, #88c6c4, #73a9a7, #5f8d8b, #4c7270, #3a5856, #283f3e, #182827, #091212, #010302

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

#9de4e1, #a3e3e0, #aae1de, #b0e0dd, #b5dedc, #bbdddb, #c0dbd9, #c6d9d8, #cbd8d7, #d0d6d6

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

- คู่ตรงข้าม: #9de4e1, #ffc2c8
- คู่ตรงข้ามแยก: #9de4e1, #f7c3e1, #fec6b0
- ข้างเคียง: #9de4e1, #abe4c7, #a1e0f7
- สามเส้า: #9de4e1, #e5c8f7, #f2cea2
- สี่เหลี่ยมผืนผ้า: #9de4e1, #b4d8ff, #ffc2c8, #f2cea2
- สี่เหลี่ยมจัตุรัส: #9de4e1, #cdd0ff, #ffc2c8, #ddd7a1
- โทนสีเดียว: #9de4e1, #519795, #77bdba, #bdffff, #bdffff

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

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

#9de4e1 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(157, 228, 225) ใน HSL คือ hsl(177.46, 56.8%, 75.49%) และใน OKLCH คือ oklch(87.126% 0.07084 192.591)

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

สีตรงข้ามของ #9de4e1 คือ #ffc2c8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #abe4c7 และ #a1e0f7 ส่วนสีสามเส้าคือ #e5c8f7 และ #f2cea2

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

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

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

#9de4e1 เป็นสีโทนเย็น ใน OKLCH มีฮิว 193 องศา ความสว่าง 87.1% และความสด 0.071