# สี #8ea4fd: โทนสด เฉดอ่อนของสีคราม

#8ea4fd คือ rgb(142, 164, 253) ใน RGB และ oklch(73.838% 0.13138 272.29) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #8ea4fd |
| RGB | rgb(142, 164, 253) |
| HSL | hsl(228.11, 96.52%, 77.45%) |
| HSB / HSV | hsv(228.11 43.87% 99.22%) |
| HWB | hwb(228.11 55.69% 0.78%) |
| CMYK | cmyk(44% 35% 0% 1%) |
| Lab | lab(68.45 9.34 -47.38) |
| LCH | lch(68.45 48.29 281.16) |
| OKLab | oklab(73.838% 0.00525 -0.13128) |
| OKLCH | oklch(73.838% 0.13138 272.29) |
| Display P3 | color(display-p3 0.57341 0.64051 0.96667) |
| Rec. 2020 | color(rec2020 0.57227 0.6045 0.95786) |
| Adobe RGB | color(a98-rgb 0.57771 0.63726 0.98026) |
| ProPhoto RGB | color(prophoto-rgb 0.60424 0.58293 0.94218) |
| sRGB เชิงเส้น | color(srgb-linear 0.2705 0.37124 0.98225) |
| XYZ D65 | color(xyz-d65 0.42158 0.39393 0.98314) |
| XYZ D50 | color(xyz-d50 0.40148 0.38586 0.74123) |
| SwiftUI | Color(red: 0.557, green: 0.643, blue: 0.992) |
| UIKit | UIColor(red: 0.557, green: 0.643, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF8EA4FD) |
| Android XML | #8EA4FD |

## ข้อมูล

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

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

#8ea4fd, #99adfe, #a3b7ff, #aec0ff, #b9c9ff, #c5d2ff, #d0dbff, #dce4ff, #e7edff, #f3f6ff

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

#8ea4fd, #7b8edc, #6879bc, #56649d, #44507f, #343d62, #242b47, #151a2d, #070a16, #010103

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

#8ea4fd, #91a5f5, #93a6ed, #96a7e5, #99a8dd, #9ca8d5, #9fa9cc, #a1a9c4, #a4aabb, #a7aab3

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

- คู่ตรงข้าม: #8ea4fd, #c8a738
- คู่ตรงข้ามแยก: #8ea4fd, #e5964a, #9cb753
- ข้างเคียง: #8ea4fd, #55b3f6, #ba95ef
- สามเส้า: #8ea4fd, #f18974, #62c281
- สี่เหลี่ยมผืนผ้า: #8ea4fd, #db8acf, #c8a738, #62c281
- สี่เหลี่ยมจัตุรัส: #8ea4fd, #ee85a3, #c8a738, #06c5b1
- โทนสีเดียว: #8ea4fd, #4a5bad, #6b7fd4, #bccdff, #edf4ff

## คำถามเกี่ยวกับ #8ea4fd

### #8ea4fd คือสีอะไร

#8ea4fd เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(142, 164, 253) ใน HSL คือ hsl(228.11, 96.52%, 77.45%) และใน OKLCH คือ oklch(73.838% 0.13138 272.29)

### สีอะไรเข้ากับ #8ea4fd

สีตรงข้ามของ #8ea4fd คือ #c8a738 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #55b3f6 และ #ba95ef ส่วนสีสามเส้าคือ #f18974 และ #62c281

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

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

### #8ea4fd เป็นสีโทนร้อนหรือโทนเย็น

#8ea4fd เป็นสีโทนเย็น ใน OKLCH มีฮิว 272 องศา ความสว่าง 73.8% และความสด 0.131
