# สี #57affe: โทนสด เฉดอ่อนของสีน้ำเงิน

#57affe คือ rgb(87, 175, 254) ใน RGB และ oklch(73.387% 0.14297 248.133) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #57affe |
| RGB | rgb(87, 175, 254) |
| HSL | hsl(208.38, 98.82%, 66.86%) |
| HSB / HSV | hsv(208.38 65.75% 99.61%) |
| HWB | hwb(208.38 34.12% 0.39%) |
| CMYK | cmyk(66% 31% 0% 0%) |
| Lab | lab(68.65 -8.73 -47.85) |
| LCH | lch(68.65 48.64 259.66) |
| OKLab | oklab(73.387% -0.05325 -0.13269) |
| OKLCH | oklch(73.387% 0.14297 248.133) |
| Display P3 | color(display-p3 0.42951 0.67824 0.9709) |
| Rec. 2020 | color(rec2020 0.48327 0.63834 0.96309) |
| Adobe RGB | color(a98-rgb 0.47026 0.68035 0.9853) |
| ProPhoto RGB | color(prophoto-rgb 0.54132 0.6108 0.94885) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.42869 0.9911) |
| XYZ D65 | color(xyz-d65 0.37147 0.3984 0.99501) |
| XYZ D50 | color(xyz-d50 0.34848 0.38861 0.75069) |
| SwiftUI | Color(red: 0.341, green: 0.686, blue: 0.996) |
| UIKit | UIColor(red: 0.341, green: 0.686, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF57AFFE) |
| Android XML | #57AFFE |

## ข้อมูล

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

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

#57affe, #6ab7ff, #7cc0ff, #8ec8ff, #9ed0ff, #afd8ff, #bfe0ff, #cfe8ff, #dff0ff, #eff7ff

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

#57affe, #4b98dd, #3e81bd, #336b9e, #275680, #1c4163, #122e47, #081c2d, #030b16, #000103

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

#57affe, #62aff6, #6cafed, #75aee5, #7daedd, #85add4, #8dadcc, #94acc3, #9babbb, #a2aab2

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

- คู่ตรงข้าม: #57affe, #e39632
- คู่ตรงข้ามแยก: #57affe, #f48664, #c1a923
- ข้างเคียง: #57affe, #00bde4, #959eff
- สามเส้า: #57affe, #f38097, #8eba50
- สี่เหลี่ยมผืนผ้า: #57affe, #c28fee, #e39632, #8eba50
- สี่เหลี่ยมจัตุรัส: #57affe, #e283c8, #e39632, #47c486
- โทนสีเดียว: #57affe, #0064ae, #2d89d5, #9bd5ff, #e2f8ff

## คำถามเกี่ยวกับ #57affe

### #57affe คือสีอะไร

#57affe เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(87, 175, 254) ใน HSL คือ hsl(208.38, 98.82%, 66.86%) และใน OKLCH คือ oklch(73.387% 0.14297 248.133)

### สีอะไรเข้ากับ #57affe

สีตรงข้ามของ #57affe คือ #e39632 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00bde4 และ #959eff ส่วนสีสามเส้าคือ #f38097 และ #8eba50

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

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

### #57affe เป็นสีโทนร้อนหรือโทนเย็น

#57affe เป็นสีโทนเย็น ใน OKLCH มีฮิว 248 องศา ความสว่าง 73.4% และความสด 0.143