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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98e6e2 |
| RGB | rgb(152, 230, 226) |
| HSL | hsl(176.92, 60.94%, 74.9%) |
| HSB / HSV | hsv(176.92 33.91% 90.2%) |
| HWB | hwb(176.92 59.61% 9.8%) |
| CMYK | cmyk(34% 0% 2% 10%) |
| Lab | lab(86.17 -25.6 -6.09) |
| LCH | lch(86.17 26.31 193.39) |
| OKLab | oklab(87.336% -0.07534 -0.01565) |
| OKLCH | oklch(87.336% 0.07695 191.738) |
| Display P3 | color(display-p3 0.66423 0.89393 0.88348) |
| Rec. 2020 | color(rec2020 0.69852 0.87112 0.86993) |
| Adobe RGB | color(a98-rgb 0.6955 0.89903 0.88363) |
| ProPhoto RGB | color(prophoto-rgb 0.70597 0.84817 0.85646) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.7913 0.76052) |
| XYZ D65 | color(xyz-d65 0.5497 0.68758 0.82329) |
| XYZ D50 | color(xyz-d50 0.5505 0.68323 0.62428) |
| SwiftUI | Color(red: 0.596, green: 0.902, blue: 0.886) |
| UIKit | UIColor(red: 0.596, green: 0.902, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF98E6E2) |
| Android XML | #98E6E2 |

## ข้อมูล

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

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

#98e6e2, #a3e9e5, #aeebe8, #b9eeeb, #c4f0ee, #cef3f0, #d8f5f3, #e2f8f6, #ecfaf9, #f5fdfc

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

#98e6e2, #84c8c4, #70aba8, #5c8e8c, #4a7371, #385957, #27403e, #172827, #081312, #010303

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

#98e6e2, #9fe4e1, #a6e3df, #ade1de, #b3e0dd, #b9dedc, #bfdcda, #c5dad9, #cad9d8, #d0d7d6

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

- คู่ตรงข้าม: #98e6e2, #ffc1c8
- คู่ตรงข้ามแยก: #98e6e2, #fac2e4, #ffc5ae
- ข้างเคียง: #98e6e2, #a8e6c6, #9ce1fa
- สามเส้า: #98e6e2, #e6c7fb, #f6ce9e
- สี่เหลี่ยมผืนผ้า: #98e6e2, #b1d9ff, #ffc1c8, #f6ce9e
- สี่เหลี่ยมจัตุรัส: #98e6e2, #ccd0ff, #ffc1c8, #dfd89d
- โทนสีเดียว: #98e6e2, #4b9996, #72bfbb, #b8ffff, #b8ffff

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

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

#98e6e2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(152, 230, 226) ใน HSL คือ hsl(176.92, 60.94%, 74.9%) และใน OKLCH คือ oklch(87.336% 0.07695 191.738)

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

สีตรงข้ามของ #98e6e2 คือ #ffc1c8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a8e6c6 และ #9ce1fa ส่วนสีสามเส้าคือ #e6c7fb และ #f6ce9e

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

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

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

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