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

#4bcdf0 คือ rgb(75, 205, 240) ใน RGB และ oklch(79.14% 0.12141 219.354) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4bcdf0 |
| RGB | rgb(75, 205, 240) |
| HSL | hsl(192.73, 84.62%, 61.76%) |
| HSB / HSV | hsv(192.73 68.75% 94.12%) |
| HWB | hwb(192.73 29.41% 5.88%) |
| CMYK | cmyk(69% 15% 0% 6%) |
| Lab | lab(76.44 -28.55 -28.35) |
| LCH | lch(76.44 40.24 224.8) |
| OKLab | oklab(79.14% -0.09388 -0.07699) |
| OKLCH | oklch(79.14% 0.12141 219.354) |
| Display P3 | color(display-p3 0.44455 0.79332 0.92549) |
| Rec. 2020 | color(rec2020 0.52352 0.75844 0.91447) |
| Adobe RGB | color(a98-rgb 0.50671 0.799 0.93403) |
| ProPhoto RGB | color(prophoto-rgb 0.56802 0.72799 0.89994) |
| sRGB เชิงเส้น | color(srgb-linear 0.07036 0.6105 0.87137) |
| XYZ D65 | color(xyz-d65 0.40458 0.51447 0.90239) |
| XYZ D50 | color(xyz-d50 0.39049 0.50613 0.68249) |
| SwiftUI | Color(red: 0.294, green: 0.804, blue: 0.941) |
| UIKit | UIColor(red: 0.294, green: 0.804, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF4BCDF0) |
| Android XML | #4BCDF0 |

## ข้อมูล

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

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

#4bcdf0, #65d2f2, #7ad8f4, #8dddf5, #9fe2f7, #b0e7f8, #c1ecfa, #d1f1fb, #e0f6fd, #f0fafe

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

#4bcdf0, #40b2d1, #3598b2, #2b7e95, #216678, #174e5d, #0e3843, #06232a, #020f14, #000203

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

#4bcdf0, #5dcceb, #6ccae6, #79c8e0, #85c7db, #8fc5d6, #99c3d0, #a2c1cb, #abbfc6, #b3bdc0

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

- คู่ตรงข้าม: #4bcdf0, #fd9f7f
- คู่ตรงข้ามแยก: #4bcdf0, #fe99aa, #edac5f
- ข้างเคียง: #4bcdf0, #41d4cb, #7bc1ff
- สามเส้า: #4bcdf0, #ef9cd4, #cebc59
- สี่เหลี่ยมผืนผ้า: #4bcdf0, #abb2ff, #fd9f7f, #cebc59
- สี่เหลี่ยมจัตุรัส: #4bcdf0, #d2a5f6, #fd9f7f, #a2ca75
- โทนสีเดียว: #4bcdf0, #0081a2, #02a6c8, #96f1ff, #cffeff

## คำถามเกี่ยวกับ #4bcdf0

### #4bcdf0 คือสีอะไร

#4bcdf0 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(75, 205, 240) ใน HSL คือ hsl(192.73, 84.62%, 61.76%) และใน OKLCH คือ oklch(79.14% 0.12141 219.354)

### สีอะไรเข้ากับ #4bcdf0

สีตรงข้ามของ #4bcdf0 คือ #fd9f7f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #41d4cb และ #7bc1ff ส่วนสีสามเส้าคือ #ef9cd4 และ #cebc59

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

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

### #4bcdf0 เป็นสีโทนร้อนหรือโทนเย็น

#4bcdf0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 219 องศา ความสว่าง 79.1% และความสด 0.121