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

#32aaf5 คือ rgb(50, 170, 245) ใน RGB และ oklch(70.742% 0.14979 241.771) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #32aaf5 |
| RGB | rgb(50, 170, 245) |
| HSL | hsl(203.08, 90.7%, 57.84%) |
| HSB / HSV | hsv(203.08 79.59% 96.08%) |
| HWB | hwb(203.08 19.61% 3.92%) |
| CMYK | cmyk(80% 31% 0% 4%) |
| Lab | lab(65.8 -14.01 -47.54) |
| LCH | lch(65.8 49.56 253.58) |
| OKLab | oklab(70.742% -0.07085 -0.13198) |
| OKLCH | oklch(70.742% 0.14979 241.771) |
| Display P3 | color(display-p3 0.34512 0.65739 0.93624) |
| Rec. 2020 | color(rec2020 0.42373 0.61381 0.92446) |
| Adobe RGB | color(a98-rgb 0.40544 0.66074 0.94939) |
| ProPhoto RGB | color(prophoto-rgb 0.49101 0.58415 0.90653) |
| sRGB เชิงเส้น | color(srgb-linear 0.0319 0.40198 0.9131) |
| XYZ D65 | color(xyz-d65 0.32169 0.36018 0.91646) |
| XYZ D50 | color(xyz-d50 0.29938 0.35062 0.69151) |
| SwiftUI | Color(red: 0.196, green: 0.667, blue: 0.961) |
| UIKit | UIColor(red: 0.196, green: 0.667, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF32AAF5) |
| Android XML | #32AAF5 |

## ข้อมูล

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

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

#32aaf5, #50b3f7, #67bcf8, #7dc5fa, #91cdfb, #a4d6fc, #b6defd, #c9e7fe, #dbeffe, #edf7ff

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

#32aaf5, #2a93d5, #227db6, #1b6898, #14537b, #0d3f5f, #072d44, #031b2b, #010b15, #000103

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

#32aaf5, #45aaed, #54a9e5, #61a9dc, #6ca8d4, #76a7cc, #80a6c3, #89a5bb, #91a3b2, #99a2a9

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

- คู่ตรงข้าม: #32aaf5, #e28827
- คู่ตรงข้ามแยก: #32aaf5, #ef7964, #c39c00
- ข้างเคียง: #32aaf5, #00b7d4, #8099fd
- สามเส้า: #32aaf5, #eb759a, #92af33
- สี่เหลี่ยมผืนผ้า: #32aaf5, #b288ee, #e28827, #92af33
- สี่เหลี่ยมจัตุรัส: #32aaf5, #d67bca, #e28827, #49bb70
- โทนสีเดียว: #32aaf5, #0060a0, #0084cc, #7cd0ff, #d1f3ff

## คำถามเกี่ยวกับ #32aaf5

### #32aaf5 คือสีอะไร

#32aaf5 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(50, 170, 245) ใน HSL คือ hsl(203.08, 90.7%, 57.84%) และใน OKLCH คือ oklch(70.742% 0.14979 241.771)

### สีอะไรเข้ากับ #32aaf5

สีตรงข้ามของ #32aaf5 คือ #e28827 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00b7d4 และ #8099fd ส่วนสีสามเส้าคือ #eb759a และ #92af33

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

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

### #32aaf5 เป็นสีโทนร้อนหรือโทนเย็น

#32aaf5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 242 องศา ความสว่าง 70.7% และความสด 0.15