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

#97e4dd คือ rgb(151, 228, 221) ใน RGB และ oklch(86.688% 0.07664 188.619) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #97e4dd |
| RGB | rgb(151, 228, 221) |
| HSL | hsl(174.55, 58.78%, 74.31%) |
| HSB / HSV | hsv(174.55 33.77% 89.41%) |
| HWB | hwb(174.55 59.22% 10.59%) |
| CMYK | cmyk(34% 0% 3% 11%) |
| Lab | lab(85.45 -25.85 -4.54) |
| LCH | lch(85.45 26.25 189.96) |
| OKLab | oklab(86.688% -0.07578 -0.01149) |
| OKLCH | oklch(86.688% 0.07664 188.619) |
| Display P3 | color(display-p3 0.65935 0.88618 0.86494) |
| Rec. 2020 | color(rec2020 0.69149 0.86245 0.84948) |
| Adobe RGB | color(a98-rgb 0.6901 0.89099 0.86409) |
| ProPhoto RGB | color(prophoto-rgb 0.69655 0.83861 0.83465) |
| sRGB เชิงเส้น | color(srgb-linear 0.30947 0.77582 0.72306) |
| XYZ D65 | color(xyz-d65 0.53554 0.67285 0.78574) |
| XYZ D50 | color(xyz-d50 0.53721 0.66886 0.59596) |
| SwiftUI | Color(red: 0.592, green: 0.894, blue: 0.867) |
| UIKit | UIColor(red: 0.592, green: 0.894, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF97E4DD) |
| Android XML | #97E4DD |

## ข้อมูล

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

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

#97e4dd, #a2e7e0, #aeeae4, #b8ece7, #c3efeb, #cdf2ee, #d7f5f1, #e1f7f5, #ebfaf8, #f5fcfc

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

#97e4dd, #83c6c0, #6fa9a4, #5c8d88, #49726e, #375855, #263f3d, #172826, #081211, #010302

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

#97e4dd, #9ee2dc, #a5e1db, #abdfda, #b2ded9, #b8dcd8, #bedad7, #c3d8d6, #c9d7d5, #ced5d4

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

- คู่ตรงข้าม: #97e4dd, #ffbfc9
- คู่ตรงข้ามแยก: #97e4dd, #f6c0e4, #ffc3af
- ข้างเคียง: #97e4dd, #a8e3c1, #99e0f5
- สามเส้า: #97e4dd, #e2c6fa, #f5cb9d
- สี่เหลี่ยมผืนผ้า: #97e4dd, #acd8ff, #ffbfc9, #f5cb9d
- สี่เหลี่ยมจัตุรัส: #97e4dd, #c7cfff, #ffbfc9, #e0d59a
- โทนสีเดียว: #97e4dd, #4b9791, #71bdb6, #b9ffff, #b9ffff

## คำถามเกี่ยวกับ #97e4dd

### #97e4dd คือสีอะไร

#97e4dd เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(151, 228, 221) ใน HSL คือ hsl(174.55, 58.78%, 74.31%) และใน OKLCH คือ oklch(86.688% 0.07664 188.619)

### สีอะไรเข้ากับ #97e4dd

สีตรงข้ามของ #97e4dd คือ #ffbfc9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a8e3c1 และ #99e0f5 ส่วนสีสามเส้าคือ #e2c6fa และ #f5cb9d

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

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

### #97e4dd เป็นสีโทนร้อนหรือโทนเย็น

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