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

#8ea5f2 คือ rgb(142, 165, 242) ใน RGB และ oklch(73.498% 0.11498 270.688) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #8ea5f2 |
| RGB | rgb(142, 165, 242) |
| HSL | hsl(226.2, 79.37%, 75.29%) |
| HSB / HSV | hsv(226.2 41.32% 94.9%) |
| HWB | hwb(226.2 55.69% 5.1%) |
| CMYK | cmyk(41% 32% 0% 5%) |
| Lab | lab(68.3 6.39 -41.65) |
| LCH | lch(68.3 42.14 278.72) |
| OKLab | oklab(73.498% 0.00138 -0.11497) |
| OKLCH | oklch(73.498% 0.11498 270.688) |
| Display P3 | color(display-p3 0.57421 0.64432 0.92624) |
| Rec. 2020 | color(rec2020 0.57007 0.60752 0.9131) |
| Adobe RGB | color(a98-rgb 0.57897 0.64117 0.9371) |
| ProPhoto RGB | color(prophoto-rgb 0.59453 0.58441 0.89397) |
| sRGB เชิงเส้น | color(srgb-linear 0.2705 0.37626 0.88792) |
| XYZ D65 | color(xyz-d65 0.40635 0.39071 0.89408) |
| XYZ D50 | color(xyz-d50 0.38992 0.38375 0.67436) |
| SwiftUI | Color(red: 0.557, green: 0.647, blue: 0.949) |
| UIKit | UIColor(red: 0.557, green: 0.647, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF8EA5F2) |
| Android XML | #8EA5F2 |

## ข้อมูล

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

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

#8ea5f2, #99aef4, #a4b7f6, #afc0f7, #bac9f9, #c5d2fa, #d0dbfc, #dce4fd, #e7edfe, #f3f6fe

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

#8ea5f2, #7b8fd2, #6879b4, #566596, #445179, #343d5e, #242b43, #151a2b, #070a14, #010103

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

#8ea5f2, #91a6eb, #93a6e4, #96a7dd, #99a8d6, #9ba8ce, #9ea8c7, #a1a9c0, #a4a9b8, #a6a9b1

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

- คู่ตรงข้าม: #8ea5f2, #c5a64c
- คู่ตรงข้ามแยก: #8ea5f2, #de975a, #9fb45e
- ข้างเคียง: #8ea5f2, #60b2eb, #b598e7
- สามเส้า: #8ea5f2, #e88d7d, #70be83
- สี่เหลี่ยมผืนผ้า: #8ea5f2, #d38ecb, #c5a64c, #70be83
- สี่เหลี่ยมจัตุรัส: #8ea5f2, #e48aa5, #c5a64c, #40c1ad
- โทนสีเดียว: #8ea5f2, #4a5ca3, #6b80ca, #b8cdff, #ecf5ff

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

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

#8ea5f2 เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(142, 165, 242) ใน HSL คือ hsl(226.2, 79.37%, 75.29%) และใน OKLCH คือ oklch(73.498% 0.11498 270.688)

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

สีตรงข้ามของ #8ea5f2 คือ #c5a64c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #60b2eb และ #b598e7 ส่วนสีสามเส้าคือ #e88d7d และ #70be83

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

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

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

#8ea5f2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 271 องศา ความสว่าง 73.5% และความสด 0.115