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

#98e5de คือ rgb(152, 229, 222) ใน RGB และ oklch(86.992% 0.07662 188.628) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98e5de |
| RGB | rgb(152, 229, 222) |
| HSL | hsl(174.55, 59.69%, 74.71%) |
| HSB / HSV | hsv(174.55 33.62% 89.8%) |
| HWB | hwb(174.55 59.61% 10.2%) |
| CMYK | cmyk(34% 0% 3% 10%) |
| Lab | lab(85.8 -25.84 -4.54) |
| LCH | lch(85.8 26.24 189.97) |
| OKLab | oklab(86.992% -0.07575 -0.01149) |
| OKLCH | oklch(86.992% 0.07662 188.628) |
| Display P3 | color(display-p3 0.66319 0.89009 0.86886) |
| Rec. 2020 | color(rec2020 0.69569 0.8668 0.85384) |
| Adobe RGB | color(a98-rgb 0.69394 0.89501 0.86809) |
| ProPhoto RGB | color(prophoto-rgb 0.70098 0.84333 0.83939) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.78354 0.73046) |
| XYZ D65 | color(xyz-d65 0.5415 0.67986 0.79379) |
| XYZ D50 | color(xyz-d50 0.54321 0.67585 0.60206) |
| SwiftUI | Color(red: 0.596, green: 0.898, blue: 0.871) |
| UIKit | UIColor(red: 0.596, green: 0.898, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF98E5DE) |
| Android XML | #98E5DE |

## ข้อมูล

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

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

#98e5de, #a3e8e1, #aeeae5, #b9ede8, #c3f0eb, #cef2ee, #d8f5f2, #e2f7f5, #ecfaf8, #f5fdfc

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

#98e5de, #84c7c1, #70aaa5, #5c8e89, #4a726f, #385855, #273f3d, #172826, #081212, #010302

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

#98e5de, #9fe3dd, #a6e2dc, #ace0db, #b3dfda, #b9ddd9, #bfdbd8, #c4d9d7, #cad8d6, #cfd6d5

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

- คู่ตรงข้าม: #98e5de, #ffc0ca
- คู่ตรงข้ามแยก: #98e5de, #f7c1e5, #ffc4b0
- ข้างเคียง: #98e5de, #a9e4c2, #9ae1f6
- สามเส้า: #98e5de, #e3c7fb, #f6cc9e
- สี่เหลี่ยมผืนผ้า: #98e5de, #add9ff, #ffc0ca, #f6cc9e
- สี่เหลี่ยมจัตุรัส: #98e5de, #c8d0ff, #ffc0ca, #e1d69b
- โทนสีเดียว: #98e5de, #4c9892, #72beb7, #b9ffff, #b9ffff

## คำถามเกี่ยวกับ #98e5de

### #98e5de คือสีอะไร

#98e5de เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(152, 229, 222) ใน HSL คือ hsl(174.55, 59.69%, 74.71%) และใน OKLCH คือ oklch(86.992% 0.07662 188.628)

### สีอะไรเข้ากับ #98e5de

สีตรงข้ามของ #98e5de คือ #ffc0ca หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a9e4c2 และ #9ae1f6 ส่วนสีสามเส้าคือ #e3c7fb และ #f6cc9e

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

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

### #98e5de เป็นสีโทนร้อนหรือโทนเย็น

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