# สี #98caf2: โทนพาสเทล เฉดอ่อนของสีฟ้า

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98caf2 |
| RGB | rgb(152, 202, 242) |
| HSL | hsl(206.67, 77.59%, 77.25%) |
| HSB / HSV | hsv(206.67 37.19% 94.9%) |
| HWB | hwb(206.67 59.61% 5.1%) |
| CMYK | cmyk(37% 17% 0% 5%) |
| Lab | lab(78.87 -9.55 -25.38) |
| LCH | lch(78.87 27.12 249.37) |
| OKLab | oklab(81.809% -0.03504 -0.06871) |
| OKLCH | oklch(81.809% 0.07713 242.982) |
| Display P3 | color(display-p3 0.63672 0.78664 0.9341) |
| Rec. 2020 | color(rec2020 0.65258 0.75759 0.92374) |
| Adobe RGB | color(a98-rgb 0.65383 0.78707 0.94142) |
| ProPhoto RGB | color(prophoto-rgb 0.66974 0.73304 0.90963) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.59062 0.88792) |
| XYZ D65 | color(xyz-d65 0.50094 0.55326 0.92047) |
| XYZ D50 | color(xyz-d50 0.49144 0.54709 0.69578) |
| SwiftUI | Color(red: 0.596, green: 0.792, blue: 0.949) |
| UIKit | UIColor(red: 0.596, green: 0.792, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF98CAF2) |
| Android XML | #98CAF2 |

## ข้อมูล

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

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

#98caf2, #a3cff4, #add5f5, #b7daf6, #c2dff8, #cce5f9, #d6eafa, #e0effc, #ebf5fd, #f5fafe

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

#98caf2, #84afd2, #7095b4, #5c7c96, #4a6479, #384d5e, #273743, #17222b, #080f14, #010203

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

#98caf2, #9dc9ed, #a1c9e9, #a6c8e4, #aac8e0, #afc7db, #b3c6d6, #b7c6d2, #bbc5cd, #bfc4c8

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

- คู่ตรงข้าม: #98caf2, #e8b990
- คู่ตรงข้ามแยก: #98caf2, #f1b2a4, #d5c38a
- ข้างเคียง: #98caf2, #87d1e1, #b3c1f6
- สามเส้า: #98caf2, #efafbf, #bacc95
- สี่เหลี่ยมผืนผ้า: #98caf2, #cdb8ed, #e8b990, #bacc95
- สี่เหลี่ยมจัตุรัส: #98caf2, #e3b1d9, #e8b990, #9ed3ac
- โทนสีเดียว: #98caf2, #507fa4, #73a4ca, #ccf0ff, #e0f9ff

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

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

#98caf2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(152, 202, 242) ใน HSL คือ hsl(206.67, 77.59%, 77.25%) และใน OKLCH คือ oklch(81.809% 0.07713 242.982)

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

สีตรงข้ามของ #98caf2 คือ #e8b990 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #87d1e1 และ #b3c1f6 ส่วนสีสามเส้าคือ #efafbf และ #bacc95

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

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

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

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