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

#98cde3 คือ rgb(152, 205, 227) ใน RGB และ oklch(81.898% 0.06299 225.479) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98cde3 |
| RGB | rgb(152, 205, 227) |
| HSL | hsl(197.6, 57.25%, 74.31%) |
| HSB / HSV | hsv(197.6 33.04% 89.02%) |
| HWB | hwb(197.6 59.61% 10.98%) |
| CMYK | cmyk(33% 10% 0% 11%) |
| Lab | lab(79.28 -13.87 -16.79) |
| LCH | lch(79.28 21.78 230.43) |
| OKLab | oklab(81.898% -0.04416 -0.04491) |
| OKLCH | oklch(81.898% 0.06299 225.479) |
| Display P3 | color(display-p3 0.63951 0.79812 0.88029) |
| Rec. 2020 | color(rec2020 0.65365 0.76885 0.86468) |
| Adobe RGB | color(a98-rgb 0.6581 0.799 0.88356) |
| ProPhoto RGB | color(prophoto-rgb 0.66184 0.74295 0.84719) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.6105 0.76815) |
| XYZ D65 | color(xyz-d65 0.48643 0.55883 0.80899) |
| XYZ D50 | color(xyz-d50 0.48196 0.55408 0.61218) |
| SwiftUI | Color(red: 0.596, green: 0.804, blue: 0.89) |
| UIKit | UIColor(red: 0.596, green: 0.804, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF98CDE3) |
| Android XML | #98CDE3 |

## ข้อมูล

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

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

#98cde3, #a3d2e6, #add7e9, #b7dcec, #c2e1ee, #cce6f1, #d6ebf4, #e0f0f7, #ebf5fa, #f5fafc

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

#98cde3, #84b2c5, #7098a8, #5c7e8c, #4a6671, #384e57, #27383f, #172327, #080f12, #010203

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

#98cde3, #9dcce0, #a2cbdd, #a6cada, #abc9d7, #afc9d3, #b3c8d0, #b8c7cd, #bcc6ca, #c0c5c7

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

- คู่ตรงข้าม: #98cde3, #e7b8a2
- คู่ตรงข้ามแยก: #98cde3, #eab4b6, #dcbf97
- ข้างเคียง: #98cde3, #93d1d1, #a9c6ed
- สามเส้า: #98cde3, #e3b4cd, #c9c798
- สี่เหลี่ยมผืนผ้า: #98cde3, #bfbfec, #e7b8a2, #c9c798
- สี่เหลี่ยมจัตุรัส: #98cde3, #d4b8e0, #e7b8a2, #b2cea5
- โทนสีเดียว: #98cde3, #4f8296, #73a7bc, #bef5ff, #d5fdff

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

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

#98cde3 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(152, 205, 227) ใน HSL คือ hsl(197.6, 57.25%, 74.31%) และใน OKLCH คือ oklch(81.898% 0.06299 225.479)

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

สีตรงข้ามของ #98cde3 คือ #e7b8a2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #93d1d1 และ #a9c6ed ส่วนสีสามเส้าคือ #e3b4cd และ #c9c798

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

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

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

#98cde3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 81.9% และความสด 0.063