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

#22bbdd คือ rgb(34, 187, 221) ใน RGB และ oklch(73.306% 0.12587 217.987) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #22bbdd |
| RGB | rgb(34, 187, 221) |
| HSL | hsl(190.91, 73.33%, 50%) |
| HSB / HSV | hsv(190.91 84.62% 86.67%) |
| HWB | hwb(190.91 13.33% 13.33%) |
| CMYK | cmyk(85% 15% 0% 13%) |
| Lab | lab(69.73 -30.03 -28.46) |
| LCH | lch(69.73 41.37 223.45) |
| OKLab | oklab(73.306% -0.0992 -0.07747) |
| OKLCH | oklch(73.306% 0.12587 217.987) |
| Display P3 | color(display-p3 0.35151 0.72268 0.85138) |
| Rec. 2020 | color(rec2020 0.43946 0.68054 0.8319) |
| Adobe RGB | color(a98-rgb 0.42587 0.72762 0.85784) |
| ProPhoto RGB | color(prophoto-rgb 0.48729 0.64645 0.81012) |
| sRGB เชิงเส้น | color(srgb-linear 0.016 0.49693 0.72306) |
| XYZ D65 | color(xyz-d65 0.31479 0.41099 0.74683) |
| XYZ D50 | color(xyz-d50 0.30182 0.40364 0.5648) |
| SwiftUI | Color(red: 0.133, green: 0.733, blue: 0.867) |
| UIKit | UIColor(red: 0.133, green: 0.733, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF22BBDD) |
| Android XML | #22BBDD |

## ข้อมูล

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

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

#22bbdd, #4ac2e1, #65c9e4, #7cd0e8, #91d7eb, #a5deef, #b7e5f2, #caebf5, #dcf2f9, #edf8fc

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

#22bbdd, #1ca2c0, #168aa4, #117388, #0b5c6e, #074655, #03323d, #011f26, #000d11, #000202

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

#22bbdd, #40bad8, #53b8d3, #62b6ce, #6fb5c8, #7bb3c3, #85b1be, #8fafb9, #98adb3, #a0abae

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

- คู่ตรงข้าม: #22bbdd, #ec8b6d
- คู่ตรงข้ามแยก: #22bbdd, #eb8599, #dc9848
- ข้างเคียง: #22bbdd, #0fc2b7, #63aff4
- สามเส้า: #22bbdd, #db88c4, #bea93f
- สี่เหลี่ยมผืนผ้า: #22bbdd, #96a0f7, #ec8b6d, #bea93f
- สี่เหลี่ยมจัตุรัส: #22bbdd, #bf92e6, #ec8b6d, #92b85d
- โทนสีเดียว: #22bbdd, #006f8a, #0095b6, #5ae2ff, #ceffff

## คำถามเกี่ยวกับ #22bbdd

### #22bbdd คือสีอะไร

#22bbdd เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(34, 187, 221) ใน HSL คือ hsl(190.91, 73.33%, 50%) และใน OKLCH คือ oklch(73.306% 0.12587 217.987)

### สีอะไรเข้ากับ #22bbdd

สีตรงข้ามของ #22bbdd คือ #ec8b6d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #0fc2b7 และ #63aff4 ส่วนสีสามเส้าคือ #db88c4 และ #bea93f

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

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

### #22bbdd เป็นสีโทนร้อนหรือโทนเย็น

#22bbdd เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 73.3% และความสด 0.126