# สี #56afe3: โทนสด เฉดอ่อนของสีฟ้า

#56afe3 คือ rgb(86, 175, 227) ใน RGB และ oklch(72.045% 0.11401 236.948) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #56afe3 |
| RGB | rgb(86, 175, 227) |
| HSL | hsl(202.13, 71.57%, 61.37%) |
| HSB / HSV | hsv(202.13 62.11% 89.02%) |
| HWB | hwb(202.13 33.73% 10.98%) |
| CMYK | cmyk(62% 23% 0% 11%) |
| Lab | lab(67.62 -15.86 -34.82) |
| LCH | lch(67.62 38.26 245.51) |
| OKLab | oklab(72.045% -0.06218 -0.09556) |
| OKLCH | oklch(72.045% 0.11401 236.948) |
| Display P3 | color(display-p3 0.42708 0.67819 0.87142) |
| Rec. 2020 | color(rec2020 0.47122 0.63617 0.8532) |
| Adobe RGB | color(a98-rgb 0.46845 0.68035 0.8796) |
| ProPhoto RGB | color(prophoto-rgb 0.51111 0.60542 0.83114) |
| sRGB เชิงเส้น | color(srgb-linear 0.09306 0.42869 0.76815) |
| XYZ D65 | color(xyz-d65 0.33031 0.38183 0.78305) |
| XYZ D50 | color(xyz-d50 0.3156 0.37459 0.59145) |
| SwiftUI | Color(red: 0.337, green: 0.686, blue: 0.89) |
| UIKit | UIColor(red: 0.337, green: 0.686, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF56AFE3) |
| Android XML | #56AFE3 |

## ข้อมูล

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

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

#56afe3, #6ab7e6, #7cbfe9, #8dc7ec, #9ecfef, #aed7f2, #bfdff5, #cfe7f8, #dfeffa, #eff7fd

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

#56afe3, #4a98c5, #3e81a8, #326b8c, #275671, #1c4157, #122e3f, #081c27, #020b12, #000103

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

#56afe3, #61aedd, #6aaed7, #73add1, #7baccb, #83abc4, #8aaabe, #91a8b8, #98a7b1, #9ea6ab

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

- คู่ตรงข้าม: #56afe3, #db915a
- คู่ตรงข้ามแยก: #56afe3, #e3887e, #c4a048
- ข้างเคียง: #56afe3, #2eb8c9, #84a2ed
- สามเส้า: #56afe3, #de86a6, #a0ae56
- สี่เหลี่ยมผืนผ้า: #56afe3, #ac95e4, #db915a, #a0ae56
- สี่เหลี่ยมจัตุรัส: #56afe3, #cb8bca, #db915a, #72b87a
- โทนสีเดียว: #56afe3, #006595, #2c89bc, #7dd6ff, #d6f7ff

## คำถามเกี่ยวกับ #56afe3

### #56afe3 คือสีอะไร

#56afe3 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(86, 175, 227) ใน HSL คือ hsl(202.13, 71.57%, 61.37%) และใน OKLCH คือ oklch(72.045% 0.11401 236.948)

### สีอะไรเข้ากับ #56afe3

สีตรงข้ามของ #56afe3 คือ #db915a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2eb8c9 และ #84a2ed ส่วนสีสามเส้าคือ #de86a6 และ #a0ae56

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

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

### #56afe3 เป็นสีโทนร้อนหรือโทนเย็น

#56afe3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 237 องศา ความสว่าง 72% และความสด 0.114