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

#20bade คือ rgb(32, 186, 222) ใน RGB และ oklch(73.084% 0.12699 219.213) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #20bade |
| RGB | rgb(32, 186, 222) |
| HSL | hsl(191.37, 74.8%, 49.8%) |
| HSB / HSV | hsv(191.37 85.59% 87.06%) |
| HWB | hwb(191.37 12.55% 12.94%) |
| CMYK | cmyk(86% 16% 0% 13%) |
| Lab | lab(69.43 -29.48 -29.45) |
| LCH | lch(69.43 41.67 224.97) |
| OKLab | oklab(73.084% -0.0984 -0.08028) |
| OKLCH | oklch(73.084% 0.12699 219.213) |
| Display P3 | color(display-p3 0.34759 0.71878 0.85479) |
| Rec. 2020 | color(rec2020 0.43637 0.67641 0.83557) |
| Adobe RGB | color(a98-rgb 0.42232 0.72367 0.86158) |
| ProPhoto RGB | color(prophoto-rgb 0.48558 0.64241 0.81385) |
| sRGB เชิงเส้น | color(srgb-linear 0.01444 0.49102 0.73046) |
| XYZ D65 | color(xyz-d65 0.31337 0.40697 0.75313) |
| XYZ D50 | color(xyz-d50 0.29993 0.3995 0.56949) |
| SwiftUI | Color(red: 0.125, green: 0.729, blue: 0.871) |
| UIKit | UIColor(red: 0.125, green: 0.729, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF20BADE) |
| Android XML | #20BADE |

## ข้อมูล

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

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

#20bade, #49c1e2, #65c8e5, #7bcfe9, #90d6ec, #a4ddef, #b7e4f3, #c9ebf6, #dbf2f9, #edf8fc

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

#20bade, #1aa1c1, #1589a5, #0f7289, #0a5c6f, #064655, #03323d, #011e26, #000d12, #000202

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

#20bade, #3fb9d9, #52b7d3, #61b5ce, #6eb4c9, #7ab2c3, #84b0be, #8eaeb8, #97acb3, #a0aaad

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

- คู่ตรงข้าม: #20bade, #eb8a6a
- คู่ตรงข้ามแยก: #20bade, #eb8497, #db9845
- ข้างเคียง: #20bade, #00c1b8, #64adf4
- สามเส้า: #20bade, #dc87c2, #bca93e
- สี่เหลี่ยมผืนผ้า: #20bade, #979ff6, #eb8a6a, #bca93e
- สี่เหลี่ยมจัตุรัส: #20bade, #c091e4, #eb8a6a, #8fb75e
- โทนสีเดียว: #20bade, #006e8b, #0094b7, #59e1ff, #cffeff

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

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

#20bade เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(32, 186, 222) ใน HSL คือ hsl(191.37, 74.8%, 49.8%) และใน OKLCH คือ oklch(73.084% 0.12699 219.213)

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

สีตรงข้ามของ #20bade คือ #eb8a6a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00c1b8 และ #64adf4 ส่วนสีสามเส้าคือ #dc87c2 และ #bca93e

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

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

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

#20bade เป็นสีโทนเย็น ใน OKLCH มีฮิว 219 องศา ความสว่าง 73.1% และความสด 0.127