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

#4bc5e9 คือ rgb(75, 197, 233) ใน RGB และ oklch(77.001% 0.11775 221.144) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4bc5e9 |
| RGB | rgb(75, 197, 233) |
| HSL | hsl(193.67, 78.22%, 60.39%) |
| HSB / HSV | hsv(193.67 67.81% 91.37%) |
| HWB | hwb(193.67 29.41% 8.63%) |
| CMYK | cmyk(68% 15% 0% 9%) |
| Lab | lab(73.89 -26.66 -28.5) |
| LCH | lch(73.89 39.02 226.91) |
| OKLab | oklab(77.001% -0.08867 -0.07747) |
| OKLCH | oklch(77.001% 0.11775 221.144) |
| Display P3 | color(display-p3 0.43276 0.76246 0.89805) |
| Rec. 2020 | color(rec2020 0.50369 0.72509 0.88375) |
| Adobe RGB | color(a98-rgb 0.49115 0.76721 0.90571) |
| ProPhoto RGB | color(prophoto-rgb 0.54568 0.69357 0.86616) |
| sRGB เชิงเส้น | color(srgb-linear 0.07036 0.55834 0.81485) |
| XYZ D65 | color(xyz-d65 0.37573 0.47309 0.84245) |
| XYZ D50 | color(xyz-d50 0.36231 0.46532 0.63707) |
| SwiftUI | Color(red: 0.294, green: 0.773, blue: 0.914) |
| UIKit | UIColor(red: 0.294, green: 0.773, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF4BC5E9) |
| Android XML | #4BC5E9 |

## ข้อมูล

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

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

#4bc5e9, #64cbeb, #79d1ee, #8cd7f0, #9eddf3, #afe3f5, #bfe9f7, #d0eef9, #e0f4fb, #eff9fd

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

#4bc5e9, #40abcb, #3592ad, #2b7990, #216174, #174b5a, #0e3541, #062129, #020e13, #000203

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

#4bc5e9, #5cc4e4, #6ac2df, #76c1d9, #81bfd4, #8abdcf, #94bcca, #9cbac4, #a5b8bf, #adb6b9

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

- คู่ตรงข้าม: #4bc5e9, #f49a79
- คู่ตรงข้ามแยก: #4bc5e9, #f594a1, #e3a75a
- ข้างเคียง: #4bc5e9, #3eccc6, #7ab9fd
- สามเส้า: #4bc5e9, #e796ca, #c4b657
- สี่เหลี่ยมผืนผ้า: #4bc5e9, #a7abfe, #f49a79, #c4b657
- สี่เหลี่ยมจัตุรัส: #4bc5e9, #cc9eeb, #f49a79, #99c473
- โทนสีเดียว: #4bc5e9, #007a9b, #0b9fc2, #83ebff, #d1feff

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

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

#4bc5e9 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(75, 197, 233) ใน HSL คือ hsl(193.67, 78.22%, 60.39%) และใน OKLCH คือ oklch(77.001% 0.11775 221.144)

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

สีตรงข้ามของ #4bc5e9 คือ #f49a79 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3eccc6 และ #7ab9fd ส่วนสีสามเส้าคือ #e796ca และ #c4b657

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

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

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

#4bc5e9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 221 องศา ความสว่าง 77% และความสด 0.118