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

#5ccbf3 คือ rgb(92, 203, 243) ใน RGB และ oklch(79.313% 0.11525 224.871) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ccbf3 |
| RGB | rgb(92, 203, 243) |
| HSL | hsl(195.89, 86.29%, 65.69%) |
| HSB / HSV | hsv(195.89 62.14% 95.29%) |
| HWB | hwb(195.89 36.08% 4.71%) |
| CMYK | cmyk(62% 16% 0% 5%) |
| Lab | lab(76.45 -24.08 -29.89) |
| LCH | lch(76.45 38.38 231.14) |
| OKLab | oklab(79.313% -0.08168 -0.08131) |
| OKLCH | oklch(79.313% 0.11525 224.871) |
| Display P3 | color(display-p3 0.47778 0.78634 0.93629) |
| Rec. 2020 | color(rec2020 0.54267 0.7521 0.92626) |
| Adobe RGB | color(a98-rgb 0.52916 0.79104 0.94546) |
| ProPhoto RGB | color(prophoto-rgb 0.58401 0.72274 0.91233) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.5972 0.89627) |
| XYZ D65 | color(xyz-d65 0.41944 0.51456 0.92519) |
| XYZ D50 | color(xyz-d50 0.40492 0.50627 0.69949) |
| SwiftUI | Color(red: 0.361, green: 0.796, blue: 0.953) |
| UIKit | UIColor(red: 0.361, green: 0.796, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF5CCBF3) |
| Android XML | #5CCBF3 |

## ข้อมูล

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

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

#5ccbf3, #71d0f5, #83d6f6, #94dbf7, #a5e1f9, #b5e6fa, #c4ebfb, #d3f0fc, #e2f5fd, #f0fafe

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

#5ccbf3, #4fb0d3, #4296b4, #367d97, #2a657a, #1f4d5e, #143744, #0a222b, #030f14, #000203

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

#5ccbf3, #6acaee, #76c8e8, #81c7e3, #8bc6dd, #94c4d8, #9dc2d2, #a5c1cc, #adbfc7, #b4bdc1

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

- คู่ตรงข้าม: #5ccbf3, #f9a37d
- คู่ตรงข้ามแยก: #5ccbf3, #fc9ca4, #e7b162
- ข้างเคียง: #5ccbf3, #4bd2d2, #88bfff
- สามเส้า: #5ccbf3, #f19dcd, #c7c063
- สี่เหลี่ยมผืนผ้า: #5ccbf3, #b4b1ff, #f9a37d, #c7c063
- สี่เหลี่ยมจัตุรัส: #5ccbf3, #d7a5ef, #f9a37d, #9bcc80
- โทนสีเดียว: #5ccbf3, #007fa5, #2da4cb, #a3efff, #d4fdff

## คำถามเกี่ยวกับ #5ccbf3

### #5ccbf3 คือสีอะไร

#5ccbf3 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(92, 203, 243) ใน HSL คือ hsl(195.89, 86.29%, 65.69%) และใน OKLCH คือ oklch(79.313% 0.11525 224.871)

### สีอะไรเข้ากับ #5ccbf3

สีตรงข้ามของ #5ccbf3 คือ #f9a37d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4bd2d2 และ #88bfff ส่วนสีสามเส้าคือ #f19dcd และ #c7c063

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

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

### #5ccbf3 เป็นสีโทนร้อนหรือโทนเย็น

#5ccbf3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 79.3% และความสด 0.115