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

#31b8df คือ rgb(49, 184, 223) ใน RGB และ oklch(72.919% 0.12337 222.335) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #31b8df |
| RGB | rgb(49, 184, 223) |
| HSL | hsl(193.45, 73.11%, 53.33%) |
| HSB / HSV | hsv(193.45 78.03% 87.45%) |
| HWB | hwb(193.45 19.22% 12.55%) |
| CMYK | cmyk(78% 17% 0% 13%) |
| Lab | lab(69.13 -26.78 -30.44) |
| LCH | lch(69.13 40.54 228.66) |
| OKLab | oklab(72.919% -0.0912 -0.08309) |
| OKLCH | oklch(72.919% 0.12337 222.335) |
| Display P3 | color(display-p3 0.36613 0.71142 0.85814) |
| Rec. 2020 | color(rec2020 0.44425 0.66914 0.83913) |
| Adobe RGB | color(a98-rgb 0.43277 0.71578 0.86519) |
| ProPhoto RGB | color(prophoto-rgb 0.49129 0.63573 0.81734) |
| sRGB เชิงเส้น | color(srgb-linear 0.03071 0.47932 0.73791) |
| XYZ D65 | color(xyz-d65 0.31724 0.4026 0.75913) |
| XYZ D50 | color(xyz-d50 0.30358 0.39518 0.5739) |
| SwiftUI | Color(red: 0.192, green: 0.722, blue: 0.875) |
| UIKit | UIColor(red: 0.192, green: 0.722, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF31B8DF) |
| Android XML | #31B8DF |

## ข้อมูล

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

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

#31b8df, #51bfe3, #6ac7e6, #7fcee9, #93d5ed, #a6dcf0, #b9e3f3, #cbeaf6, #dcf1f9, #eef8fc

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

#31b8df, #29a0c2, #2288a5, #1a718a, #135b6f, #0c4556, #06313d, #031e27, #010c12, #000202

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

#31b8df, #47b7da, #58b5d4, #65b4cf, #71b2c9, #7cb1c4, #86afbe, #8fadb8, #97abb3, #a0a9ad

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

- คู่ตรงข้าม: #31b8df, #e88c67
- คู่ตรงข้ามแยก: #31b8df, #ea8592, #d79a46
- ข้างเคียง: #31b8df, #10bfbc, #6cabf3
- สามเส้า: #31b8df, #dc87bd, #b7aa44
- สี่เหลี่ยมผืนผ้า: #31b8df, #9c9df3, #e88c67, #b7aa44
- สี่เหลี่ยมจัตุรัส: #31b8df, #c290df, #e88c67, #8ab864
- โทนสีเดียว: #31b8df, #006d8d, #0092b8, #62dfff, #d1fdff

## คำถามเกี่ยวกับ #31b8df

### #31b8df คือสีอะไร

#31b8df เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(49, 184, 223) ใน HSL คือ hsl(193.45, 73.11%, 53.33%) และใน OKLCH คือ oklch(72.919% 0.12337 222.335)

### สีอะไรเข้ากับ #31b8df

สีตรงข้ามของ #31b8df คือ #e88c67 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #10bfbc และ #6cabf3 ส่วนสีสามเส้าคือ #dc87bd และ #b7aa44

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

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

### #31b8df เป็นสีโทนร้อนหรือโทนเย็น

#31b8df เป็นสีโทนเย็น ใน OKLCH มีฮิว 222 องศา ความสว่าง 72.9% และความสด 0.123