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

#57aefd คือ rgb(87, 174, 253) ใน RGB และ oklch(73.117% 0.14264 248.379) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #57aefd |
| RGB | rgb(87, 174, 253) |
| HSL | hsl(208.55, 97.65%, 66.67%) |
| HSB / HSV | hsv(208.55 65.61% 99.22%) |
| HWB | hwb(208.55 34.12% 0.78%) |
| CMYK | cmyk(66% 31% 0% 1%) |
| Lab | lab(68.33 -8.49 -47.81) |
| LCH | lch(68.33 48.56 259.94) |
| OKLab | oklab(73.117% -0.05256 -0.1326) |
| OKLCH | oklch(73.117% 0.14264 248.379) |
| Display P3 | color(display-p3 0.42825 0.67439 0.96703) |
| Rec. 2020 | color(rec2020 0.48094 0.63422 0.95875) |
| Adobe RGB | color(a98-rgb 0.46852 0.67642 0.98126) |
| ProPhoto RGB | color(prophoto-rgb 0.53856 0.60668 0.94403) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.42327 0.98225) |
| XYZ D65 | color(xyz-d65 0.36794 0.39388 0.98595) |
| XYZ D50 | color(xyz-d50 0.34512 0.38418 0.74384) |
| SwiftUI | Color(red: 0.341, green: 0.682, blue: 0.992) |
| UIKit | UIColor(red: 0.341, green: 0.682, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF57AEFD) |
| Android XML | #57AEFD |

## ข้อมูล

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

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

#57aefd, #6ab7fe, #7cbfff, #8dc7ff, #9ed0ff, #afd8ff, #bfe0ff, #cfe8ff, #dfefff, #eff7ff

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

#57aefd, #4b97dc, #3e80bc, #336a9d, #27557f, #1c4162, #122e47, #081c2d, #030b16, #000103

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

#57aefd, #62aef5, #6baeec, #74ade4, #7daddc, #85acd3, #8caccb, #94abc2, #9baaba, #a1a9b1

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

- คู่ตรงข้าม: #57aefd, #e29531
- คู่ตรงข้ามแยก: #57aefd, #f38563, #c0a822
- ข้างเคียง: #57aefd, #00bce4, #949dff
- สามเส้า: #57aefd, #f27f96, #8db950
- สี่เหลี่ยมผืนผ้า: #57aefd, #c18eec, #e29531, #8db950
- สี่เหลี่ยมจัตุรัส: #57aefd, #e183c6, #e29531, #45c386
- โทนสีเดียว: #57aefd, #0063ad, #2e88d4, #9ad4ff, #e3f8ff

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

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

#57aefd เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(87, 174, 253) ใน HSL คือ hsl(208.55, 97.65%, 66.67%) และใน OKLCH คือ oklch(73.117% 0.14264 248.379)

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

สีตรงข้ามของ #57aefd คือ #e29531 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00bce4 และ #949dff ส่วนสีสามเส้าคือ #f27f96 และ #8db950

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

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

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

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