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

#98eaf2 คือ rgb(152, 234, 242) ใน RGB และ oklch(88.725% 0.08051 203.656) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98eaf2 |
| RGB | rgb(152, 234, 242) |
| HSL | hsl(185.33, 77.59%, 77.25%) |
| HSB / HSV | hsv(185.33 37.19% 94.9%) |
| HWB | hwb(185.33 59.61% 5.1%) |
| CMYK | cmyk(37% 3% 0% 5%) |
| Lab | lab(87.66 -24.52 -12.25) |
| LCH | lch(87.66 27.41 206.55) |
| OKLab | oklab(88.725% -0.07375 -0.0323) |
| OKLCH | oklch(88.725% 0.08051 203.656) |
| Display P3 | color(display-p3 0.66842 0.90928 0.94215) |
| Rec. 2020 | color(rec2020 0.71004 0.88844 0.93471) |
| Adobe RGB | color(a98-rgb 0.70177 0.91512 0.94608) |
| ProPhoto RGB | color(prophoto-rgb 0.72651 0.8677 0.92589) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.82279 0.88792) |
| XYZ D65 | color(xyz-d65 0.58395 0.7193 0.94814) |
| XYZ D50 | color(xyz-d50 0.58086 0.71353 0.71831) |
| SwiftUI | Color(red: 0.596, green: 0.918, blue: 0.949) |
| UIKit | UIColor(red: 0.596, green: 0.918, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF98EAF2) |
| Android XML | #98EAF2 |

## ข้อมูล

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

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

#98eaf2, #a4ecf3, #afeef5, #b9f1f6, #c4f3f7, #cef5f9, #d8f7fa, #e2f9fb, #ecfbfc, #f5fdfe

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

#98eaf2, #84cbd2, #70aeb4, #5c9196, #4a7579, #385a5e, #274143, #17292b, #081314, #010303

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

#98eaf2, #a0e8f0, #a7e7ed, #afe5eb, #b5e4e8, #bce2e6, #c2e1e3, #c8dfe1, #cedddf, #d4dbdc

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

- คู่ตรงข้าม: #98eaf2, #ffc6c0
- คู่ตรงข้ามแยก: #98eaf2, #ffc4de, #ffcca8
- ข้างเคียง: #98eaf2, #a1ecd5, #a4e4ff
- สามเส้า: #98eaf2, #f5c8f9, #f3d69d
- สี่เหลี่ยมผืนผ้า: #98eaf2, #c0daff, #ffc6c0, #f3d69d
- สี่เหลี่ยมจัตุรัส: #98eaf2, #dcd0ff, #ffc6c0, #d9e0a3
- โทนสีเดียว: #98eaf2, #4a9da5, #71c3cb, #b8ffff, #b8ffff

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

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

#98eaf2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(152, 234, 242) ใน HSL คือ hsl(185.33, 77.59%, 77.25%) และใน OKLCH คือ oklch(88.725% 0.08051 203.656)

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

สีตรงข้ามของ #98eaf2 คือ #ffc6c0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a1ecd5 และ #a4e4ff ส่วนสีสามเส้าคือ #f5c8f9 และ #f3d69d

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

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

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

#98eaf2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 204 องศา ความสว่าง 88.7% และความสด 0.081