# สี #31b5cb: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

#31b5cb คือ rgb(49, 181, 203) ใน RGB และ oklch(71.367% 0.11282 211.539) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #31b5cb |
| RGB | rgb(49, 181, 203) |
| HSL | hsl(188.57, 61.11%, 49.41%) |
| HSB / HSV | hsv(188.57 75.86% 79.61%) |
| HWB | hwb(188.57 19.22% 20.39%) |
| CMYK | cmyk(76% 11% 0% 20%) |
| Lab | lab(67.6 -30.5 -21.86) |
| LCH | lch(67.6 37.53 215.63) |
| OKLab | oklab(71.367% -0.09615 -0.05901) |
| OKLCH | oklch(71.367% 0.11282 211.539) |
| Display P3 | color(display-p3 0.36123 0.69984 0.78441) |
| Rec. 2020 | color(rec2020 0.43026 0.65562 0.75836) |
| Adobe RGB | color(a98-rgb 0.42662 0.70395 0.78769) |
| ProPhoto RGB | color(prophoto-rgb 0.46577 0.6204 0.73301) |
| sRGB เชิงเส้น | color(srgb-linear 0.03071 0.46208 0.5972) |
| XYZ D65 | color(xyz-d65 0.28568 0.38011 0.62333) |
| XYZ D50 | color(xyz-d50 0.27681 0.37429 0.47175) |
| SwiftUI | Color(red: 0.192, green: 0.71, blue: 0.796) |
| UIKit | UIColor(red: 0.192, green: 0.71, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF31B5CB) |
| Android XML | #31B5CB |

## ข้อมูล

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

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

#31b5cb, #51bdd0, #69c4d6, #7fccdb, #93d3e0, #a6dbe5, #b8e2ea, #cae9f0, #dcf1f5, #edf8fa

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

#31b5cb, #299db0, #228696, #1a6f7d, #135965, #0c444d, #063037, #031d22, #010c0f, #000202

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

#31b5cb, #46b3c7, #56b2c3, #63b0bf, #6faebb, #79adb7, #82abb3, #8ba9af, #93a7ab, #9ba5a7

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

- คู่ตรงข้าม: #31b5cb, #e08776
- คู่ตรงข้ามแยก: #31b5cb, #dd849e, #d59254
- ข้างเคียง: #31b5cb, #39b9a7, #5cabe3
- สามเส้า: #31b5cb, #cc88c3, #bca047
- สี่เหลี่ยมผืนผ้า: #31b5cb, #899ee9, #e08776, #bca047
- สี่เหลี่ยมจัตุรัส: #31b5cb, #af91de, #e08776, #97ae5a
- โทนสีเดียว: #31b5cb, #006a7d, #008fa5, #61dcf3, #b3feff

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

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

#31b5cb เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(49, 181, 203) ใน HSL คือ hsl(188.57, 61.11%, 49.41%) และใน OKLCH คือ oklch(71.367% 0.11282 211.539)

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

สีตรงข้ามของ #31b5cb คือ #e08776 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #39b9a7 และ #5cabe3 ส่วนสีสามเส้าคือ #cc88c3 และ #bca047

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

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

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

#31b5cb เป็นสีโทนเย็น ใน OKLCH มีฮิว 212 องศา ความสว่าง 71.4% และความสด 0.113