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

#57bbd5 คือ rgb(87, 187, 213) ใน RGB และ oklch(74.249% 0.09983 217.438) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #57bbd5 |
| RGB | rgb(87, 187, 213) |
| HSL | hsl(192.38, 60%, 58.82%) |
| HSB / HSV | hsv(192.38 59.15% 83.53%) |
| HWB | hwb(192.38 34.12% 16.47%) |
| CMYK | cmyk(59% 12% 0% 16%) |
| Lab | lab(70.72 -24.7 -22.48) |
| LCH | lch(70.72 33.4 222.3) |
| OKLab | oklab(74.249% -0.07927 -0.06069) |
| OKLCH | oklch(74.249% 0.09983 217.438) |
| Display P3 | color(display-p3 0.44499 0.72445 0.82295) |
| Rec. 2020 | color(rec2020 0.49218 0.68416 0.80075) |
| Adobe RGB | color(a98-rgb 0.49152 0.72762 0.82696) |
| ProPhoto RGB | color(prophoto-rgb 0.51987 0.6513 0.77766) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.49693 0.66539) |
| XYZ D65 | color(xyz-d65 0.33709 0.42369 0.69355) |
| XYZ D50 | color(xyz-d50 0.32816 0.41779 0.52472) |
| SwiftUI | Color(red: 0.341, green: 0.733, blue: 0.835) |
| UIKit | UIColor(red: 0.341, green: 0.733, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF57BBD5) |
| Android XML | #57BBD5 |

## ข้อมูล

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

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

#57bbd5, #6bc2d9, #7ec9de, #8fd0e2, #a0d7e6, #b1ddea, #c1e4ef, #d0ebf3, #e0f2f7, #f0f8fb

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

#57bbd5, #4ba2b9, #3e8a9e, #337383, #275c6a, #1c4651, #12323a, #081f24, #030d10, #000202

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

#57bbd5, #63bad1, #6eb8cd, #77b7c9, #80b5c5, #88b4c0, #90b2bc, #97b1b8, #9eafb4, #a5adb0

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

- คู่ตรงข้าม: #57bbd5, #e3957e
- คู่ตรงข้ามแยก: #57bbd5, #e291a0, #d69f64
- ข้างเคียง: #57bbd5, #54c0b7, #77b1e8
- สามเส้า: #57bbd5, #d593c2, #bdac5f
- สี่เหลี่ยมผืนผ้า: #57bbd5, #9ca6ea, #e3957e, #bdac5f
- สี่เหลี่ยมจัตุรัส: #57bbd5, #bd9bdd, #e3957e, #9ab872
- โทนสีเดียว: #57bbd5, #007189, #2a95ae, #80e2fd, #cdffff

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

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

#57bbd5 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(87, 187, 213) ใน HSL คือ hsl(192.38, 60%, 58.82%) และใน OKLCH คือ oklch(74.249% 0.09983 217.438)

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

สีตรงข้ามของ #57bbd5 คือ #e3957e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #54c0b7 และ #77b1e8 ส่วนสีสามเส้าคือ #d593c2 และ #bdac5f

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

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

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

#57bbd5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 217 องศา ความสว่าง 74.2% และความสด 0.1