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

#33afd2 คือ rgb(51, 175, 210) ใน RGB และ oklch(70.258% 0.11573 221.358) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #33afd2 |
| RGB | rgb(51, 175, 210) |
| HSL | hsl(193.21, 63.86%, 51.18%) |
| HSB / HSV | hsv(193.21 75.71% 82.35%) |
| HWB | hwb(193.21 20% 17.65%) |
| CMYK | cmyk(76% 17% 0% 18%) |
| Lab | lab(66.04 -25.81 -28.06) |
| LCH | lch(66.04 38.12 227.39) |
| OKLab | oklab(70.258% -0.08687 -0.07647) |
| OKLCH | oklch(70.258% 0.11573 221.358) |
| Display P3 | color(display-p3 0.35476 0.67673 0.80855) |
| Rec. 2020 | color(rec2020 0.42117 0.63166 0.78431) |
| Adobe RGB | color(a98-rgb 0.41663 0.68035 0.81378) |
| ProPhoto RGB | color(prophoto-rgb 0.46258 0.5976 0.75902) |
| sRGB เชิงเส้น | color(srgb-linear 0.0331 0.42869 0.64448) |
| XYZ D65 | color(xyz-d65 0.28326 0.36015 0.66434) |
| XYZ D50 | color(xyz-d50 0.27176 0.35376 0.5023) |
| SwiftUI | Color(red: 0.2, green: 0.686, blue: 0.824) |
| UIKit | UIColor(red: 0.2, green: 0.686, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF33AFD2) |
| Android XML | #33AFD2 |

## ข้อมูล

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

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

#33afd2, #51b7d7, #69bfdb, #7ec7e0, #92d0e5, #a5d8e9, #b7dfee, #c9e7f2, #dbeff6, #edf7fb

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

#33afd2, #2b98b6, #23819b, #1c6b81, #145668, #0d4150, #072e39, #031c24, #010b10, #000102

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

#33afd2, #47aecd, #55acc8, #62abc3, #6daabe, #77a8b9, #80a6b4, #88a5af, #90a3aa, #98a1a4

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

- คู่ตรงข้าม: #33afd2, #dc8665
- คู่ตรงข้ามแยก: #33afd2, #dd808d, #cc9246
- ข้างเคียง: #33afd2, #1fb6b1, #66a3e5
- สามเส้า: #33afd2, #d081b4, #aea143
- สี่เหลี่ยมผืนผ้า: #33afd2, #9396e6, #dc8665, #aea143
- สี่เหลี่ยมจัตุรัส: #33afd2, #b78ad4, #dc8665, #85ae60
- โทนสีเดียว: #33afd2, #006582, #0089ab, #62d6fa, #b9f7ff

## คำถามเกี่ยวกับ #33afd2

### #33afd2 คือสีอะไร

#33afd2 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(51, 175, 210) ใน HSL คือ hsl(193.21, 63.86%, 51.18%) และใน OKLCH คือ oklch(70.258% 0.11573 221.358)

### สีอะไรเข้ากับ #33afd2

สีตรงข้ามของ #33afd2 คือ #dc8665 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #1fb6b1 และ #66a3e5 ส่วนสีสามเส้าคือ #d081b4 และ #aea143

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

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

### #33afd2 เป็นสีโทนร้อนหรือโทนเย็น

#33afd2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 221 องศา ความสว่าง 70.3% และความสด 0.116