# สี #5fb4dc: โทนละมุน เฉดอ่อนของสีฟ้า

#5fb4dc คือ rgb(95, 180, 220) ใน RGB และ oklch(73.227% 0.10064 230.664) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5fb4dc |
| RGB | rgb(95, 180, 220) |
| HSL | hsl(199.2, 64.1%, 61.76%) |
| HSB / HSV | hsv(199.2 56.82% 86.27%) |
| HWB | hwb(199.2 37.25% 13.73%) |
| CMYK | cmyk(57% 18% 0% 14%) |
| Lab | lab(69.19 -18.13 -28.57) |
| LCH | lch(69.19 33.84 237.61) |
| OKLab | oklab(73.227% -0.06379 -0.07784) |
| OKLCH | oklch(73.227% 0.10064 230.664) |
| Display P3 | color(display-p3 0.45551 0.69794 0.84704) |
| Rec. 2020 | color(rec2020 0.49306 0.65712 0.8267) |
| Adobe RGB | color(a98-rgb 0.49379 0.70001 0.85305) |
| ProPhoto RGB | color(prophoto-rgb 0.52344 0.62577 0.80386) |
| sRGB เชิงเส้น | color(srgb-linear 0.11444 0.45641 0.71569) |
| XYZ D65 | color(xyz-d65 0.33957 0.40241 0.7369) |
| XYZ D50 | color(xyz-d50 0.32809 0.39604 0.55698) |
| SwiftUI | Color(red: 0.373, green: 0.706, blue: 0.863) |
| UIKit | UIColor(red: 0.373, green: 0.706, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF5FB4DC) |
| Android XML | #5FB4DC |

## ข้อมูล

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

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

#5fb4dc, #71bce0, #82c3e4, #93cbe7, #a3d2eb, #b2daee, #c2e1f2, #d1e9f5, #e0f0f9, #f0f8fc

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

#5fb4dc, #529cbf, #4485a3, #386e88, #2c586e, #204454, #15303c, #0a1d26, #030c11, #000202

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

#5fb4dc, #69b3d7, #72b2d2, #7ab1cd, #81b0c8, #89afc3, #8faebd, #96acb8, #9cabb3, #a2aaae

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

- คู่ตรงข้าม: #5fb4dc, #dc966d
- คู่ตรงข้ามแยก: #5fb4dc, #e18e8d, #c9a25b
- ข้างเคียง: #5fb4dc, #4bbbc2, #84a9e8
- สามเส้า: #5fb4dc, #d98eb1, #abae61
- สี่เหลี่ยมผืนผ้า: #5fb4dc, #a89de3, #dc966d, #abae61
- สี่เหลี่ยมจัตุรัส: #5fb4dc, #c593cf, #dc966d, #85b87c
- โทนสีเดียว: #5fb4dc, #006a8f, #378eb5, #86dbff, #d9fbff

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

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

#5fb4dc เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(95, 180, 220) ใน HSL คือ hsl(199.2, 64.1%, 61.76%) และใน OKLCH คือ oklch(73.227% 0.10064 230.664)

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

สีตรงข้ามของ #5fb4dc คือ #dc966d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4bbbc2 และ #84a9e8 ส่วนสีสามเส้าคือ #d98eb1 และ #abae61

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

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

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

#5fb4dc เป็นสีโทนเย็น ใน OKLCH มีฮิว 231 องศา ความสว่าง 73.2% และความสด 0.101