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

#5ed2fd คือ rgb(94, 210, 253) ใน RGB และ oklch(81.376% 0.12016 225.655) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ed2fd |
| RGB | rgb(94, 210, 253) |
| HSL | hsl(196.23, 97.55%, 68.04%) |
| HSB / HSV | hsv(196.23 62.85% 99.22%) |
| HWB | hwb(196.23 36.86% 0.78%) |
| CMYK | cmyk(63% 17% 0% 1%) |
| Lab | lab(78.84 -24.56 -31.55) |
| LCH | lch(78.84 39.99 232.11) |
| OKLab | oklab(81.376% -0.08399 -0.08593) |
| OKLCH | oklch(81.376% 0.12016 225.655) |
| Display P3 | color(display-p3 0.49174 0.81341 0.97448) |
| Rec. 2020 | color(rec2020 0.56361 0.78175 0.96892) |
| Adobe RGB | color(a98-rgb 0.54542 0.81893 0.98548) |
| ProPhoto RGB | color(prophoto-rgb 0.60945 0.75404 0.95923) |
| sRGB เชิงเส้น | color(srgb-linear 0.11193 0.64448 0.98225) |
| XYZ D65 | color(xyz-d65 0.45389 0.55562 1.01264) |
| XYZ D50 | color(xyz-d50 0.43757 0.54647 0.76555) |
| SwiftUI | Color(red: 0.369, green: 0.824, blue: 0.992) |
| UIKit | UIColor(red: 0.369, green: 0.824, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF5ED2FD) |
| Android XML | #5ED2FD |

## ข้อมูล

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

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

#5ed2fd, #73d7fe, #85dcfe, #97e0fe, #a7e5ff, #b6e9ff, #c5eeff, #d4f2ff, #e3f7ff, #f1fbff

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

#5ed2fd, #51b6dc, #449bbc, #37819d, #2b687f, #1f5062, #143947, #0a242d, #031016, #000203

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

#5ed2fd, #6dd1f7, #79cff1, #85ceec, #8fcce6, #99cbe0, #a2c9da, #aac8d4, #b3c6ce, #bac4c8

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

- คู่ตรงข้าม: #5ed2fd, #ffa97f
- คู่ตรงข้ามแยก: #5ed2fd, #ffa1a8, #efb763
- ข้างเคียง: #5ed2fd, #4adadb, #8fc5ff
- สามเส้า: #5ed2fd, #faa2d3, #cdc765
- สี่เหลี่ยมผืนผ้า: #5ed2fd, #bbb7ff, #ffa97f, #cdc765
- สี่เหลี่ยมจัตุรัส: #5ed2fd, #e0aaf7, #ffa97f, #9fd484
- โทนสีเดียว: #5ed2fd, #0086ae, #2eabd5, #b7f4ff, #d5fdff

## คำถามเกี่ยวกับ #5ed2fd

### #5ed2fd คือสีอะไร

#5ed2fd เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(94, 210, 253) ใน HSL คือ hsl(196.23, 97.55%, 68.04%) และใน OKLCH คือ oklch(81.376% 0.12016 225.655)

### สีอะไรเข้ากับ #5ed2fd

สีตรงข้ามของ #5ed2fd คือ #ffa97f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4adadb และ #8fc5ff ส่วนสีสามเส้าคือ #faa2d3 และ #cdc765

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

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

### #5ed2fd เป็นสีโทนร้อนหรือโทนเย็น

#5ed2fd เป็นสีโทนเย็น ใน OKLCH มีฮิว 226 องศา ความสว่าง 81.4% และความสด 0.12