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

#20b7cd คือ rgb(32, 183, 205) ใน RGB และ oklch(71.655% 0.11889 210.557) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #20b7cd |
| RGB | rgb(32, 183, 205) |
| HSL | hsl(187.63, 73%, 46.47%) |
| HSB / HSV | hsv(187.63 84.39% 80.39%) |
| HWB | hwb(187.63 12.55% 19.61%) |
| CMYK | cmyk(84% 11% 0% 20%) |
| Lab | lab(68 -32.54 -22.38) |
| LCH | lch(68 39.49 214.52) |
| OKLab | oklab(71.655% -0.10238 -0.06045) |
| OKLCH | oklch(71.655% 0.11889 210.557) |
| Display P3 | color(display-p3 0.34229 0.70719 0.79202) |
| Rec. 2020 | color(rec2020 0.42312 0.66306 0.76678) |
| Adobe RGB | color(a98-rgb 0.41589 0.71183 0.79564) |
| ProPhoto RGB | color(prophoto-rgb 0.46273 0.62751 0.74193) |
| sRGB เชิงเส้น | color(srgb-linear 0.01444 0.47353 0.6105) |
| XYZ D65 | color(xyz-d65 0.28547 0.3858 0.63702) |
| XYZ D50 | color(xyz-d50 0.27603 0.37969 0.48213) |
| SwiftUI | Color(red: 0.125, green: 0.718, blue: 0.804) |
| UIKit | UIColor(red: 0.125, green: 0.718, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF20B7CD) |
| Android XML | #20B7CD |

## ข้อมูล

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

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

#20b7cd, #49bed2, #64c6d7, #7bcddc, #8fd4e1, #a3dce6, #b6e3eb, #c9eaf0, #dbf1f5, #edf8fa

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

#20b7cd, #1a9fb2, #158798, #0f707e, #0a5a66, #06454e, #033138, #011e23, #000c0f, #000202

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

#20b7cd, #3db5c9, #50b4c5, #5fb2c1, #6cb0bd, #77aeb8, #81acb4, #8baab0, #93a8ac, #9ca6a8

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

- คู่ตรงข้าม: #20b7cd, #e48676
- คู่ตรงข้ามแยก: #20b7cd, #e083a0, #d99151
- ข้างเคียง: #20b7cd, #2fbba7, #56ade6
- สามเส้า: #20b7cd, #ce87c6, #c0a041
- สี่เหลี่ยมผืนผ้า: #20b7cd, #879fee, #e48676, #c0a041
- สี่เหลี่ยมจัตุรัส: #20b7cd, #b092e2, #e48676, #99af55
- โทนสีเดียว: #20b7cd, #006b7d, #0091a7, #58def5, #b4ffff

## คำถามเกี่ยวกับ #20b7cd

### #20b7cd คือสีอะไร

#20b7cd เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(32, 183, 205) ใน HSL คือ hsl(187.63, 73%, 46.47%) และใน OKLCH คือ oklch(71.655% 0.11889 210.557)

### สีอะไรเข้ากับ #20b7cd

สีตรงข้ามของ #20b7cd คือ #e48676 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2fbba7 และ #56ade6 ส่วนสีสามเส้าคือ #ce87c6 และ #c0a041

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

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

### #20b7cd เป็นสีโทนร้อนหรือโทนเย็น

#20b7cd เป็นสีโทนเย็น ใน OKLCH มีฮิว 211 องศา ความสว่าง 71.7% และความสด 0.119