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

#98e2dc คือ rgb(152, 226, 220) ใน RGB และ oklch(86.266% 0.07393 189.454) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98e2dc |
| RGB | rgb(152, 226, 220) |
| HSL | hsl(175.14, 56.06%, 74.12%) |
| HSB / HSV | hsv(175.14 32.74% 88.63%) |
| HWB | hwb(175.14 59.61% 11.37%) |
| CMYK | cmyk(33% 0% 3% 11%) |
| Lab | lab(84.92 -24.85 -4.78) |
| LCH | lch(84.92 25.3 190.88) |
| OKLab | oklab(86.266% -0.07292 -0.01214) |
| OKLCH | oklch(86.266% 0.07393 189.454) |
| Display P3 | color(display-p3 0.66011 0.87859 0.86081) |
| Rec. 2020 | color(rec2020 0.68962 0.85435 0.84481) |
| Adobe RGB | color(a98-rgb 0.6893 0.88296 0.85991) |
| ProPhoto RGB | color(prophoto-rgb 0.69381 0.83018 0.82944) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.76052 0.71569) |
| XYZ D65 | color(xyz-d65 0.53061 0.66234 0.77701) |
| XYZ D50 | color(xyz-d50 0.53224 0.65846 0.58928) |
| SwiftUI | Color(red: 0.596, green: 0.886, blue: 0.863) |
| UIKit | UIColor(red: 0.596, green: 0.886, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF98E2DC) |
| Android XML | #98E2DC |

## ข้อมูล

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

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

#98e2dc, #a3e5df, #aee8e3, #b9ebe6, #c3eeea, #cdf1ed, #d8f4f1, #e2f7f4, #ebf9f8, #f5fcfb

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

#98e2dc, #84c4bf, #70a8a3, #5c8c88, #4a716e, #385754, #273e3c, #172726, #081211, #010302

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

#98e2dc, #9fe0db, #a5dfda, #acddd9, #b2dcd8, #b7dad7, #bdd8d6, #c2d7d5, #c8d5d4, #cdd3d3

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

- คู่ตรงข้าม: #98e2dc, #febec7
- คู่ตรงข้ามแยก: #98e2dc, #f4c0e2, #fdc2ae
- ข้างเคียง: #98e2dc, #a8e1c1, #9adef3
- สามเส้า: #98e2dc, #e0c5f7, #f2ca9d
- สี่เหลี่ยมผืนผ้า: #98e2dc, #add6ff, #febec7, #f2ca9d
- สี่เหลี่ยมจัตุรัส: #98e2dc, #c7cdff, #febec7, #ddd39b
- โทนสีเดียว: #98e2dc, #4c9590, #72bbb5, #bbffff, #bbffff

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

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

#98e2dc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(152, 226, 220) ใน HSL คือ hsl(175.14, 56.06%, 74.12%) และใน OKLCH คือ oklch(86.266% 0.07393 189.454)

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

สีตรงข้ามของ #98e2dc คือ #febec7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a8e1c1 และ #9adef3 ส่วนสีสามเส้าคือ #e0c5f7 และ #f2ca9d

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

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

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

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