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

#36afce คือ rgb(54, 175, 206) ใน RGB และ oklch(70.155% 0.11214 218.979) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #36afce |
| RGB | rgb(54, 175, 206) |
| HSL | hsl(192.24, 60.8%, 50.98%) |
| HSB / HSV | hsv(192.24 73.79% 80.78%) |
| HWB | hwb(192.24 21.18% 19.22%) |
| CMYK | cmyk(74% 15% 0% 19%) |
| Lab | lab(65.98 -26.44 -25.95) |
| LCH | lch(65.98 37.05 224.46) |
| OKLab | oklab(70.155% -0.08717 -0.07054) |
| OKLCH | oklch(70.155% 0.11214 218.979) |
| Display P3 | color(display-p3 0.35985 0.67682 0.79396) |
| Rec. 2020 | color(rec2020 0.42264 0.63162 0.76839) |
| Adobe RGB | color(a98-rgb 0.42013 0.68035 0.79838) |
| ProPhoto RGB | color(prophoto-rgb 0.46069 0.59727 0.74257) |
| sRGB เชิงเส้น | color(srgb-linear 0.03689 0.42869 0.61721) |
| XYZ D65 | color(xyz-d65 0.2799 0.35899 0.63849) |
| XYZ D50 | color(xyz-d50 0.26951 0.35295 0.48288) |
| SwiftUI | Color(red: 0.212, green: 0.686, blue: 0.808) |
| UIKit | UIColor(red: 0.212, green: 0.686, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF36AFCE) |
| Android XML | #36AFCE |

## ข้อมูล

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

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

#36afce, #53b7d3, #6abfd8, #7fc7dd, #93cfe2, #a5d7e7, #b8dfec, #cae7f1, #dceff6, #edf7fa

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

#36afce, #2e98b3, #258198, #1e6b7f, #165666, #0f414e, #082e38, #031c23, #010b0f, #000102

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

#36afce, #48aec9, #57acc5, #63abc0, #6ea9bb, #77a8b7, #80a6b2, #88a4ad, #90a3a8, #98a1a4

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

- คู่ตรงข้าม: #36afce, #da866a
- คู่ตรงข้ามแยก: #36afce, #da8090, #cc914b
- ข้างเคียง: #36afce, #2cb5ad, #65a4e2
- สามเส้า: #36afce, #cd83b6, #b0a046
- สี่เหลี่ยมผืนผ้า: #36afce, #9097e4, #da866a, #b0a046
- สี่เหลี่ยมจัตุรัส: #36afce, #b38bd4, #da866a, #89ad5f
- โทนสีเดียว: #36afce, #006580, #008aa7, #64d6f6, #b4f8ff

## คำถามเกี่ยวกับ #36afce

### #36afce คือสีอะไร

#36afce เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(54, 175, 206) ใน HSL คือ hsl(192.24, 60.8%, 50.98%) และใน OKLCH คือ oklch(70.155% 0.11214 218.979)

### สีอะไรเข้ากับ #36afce

สีตรงข้ามของ #36afce คือ #da866a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2cb5ad และ #65a4e2 ส่วนสีสามเส้าคือ #cd83b6 และ #b0a046

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

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

### #36afce เป็นสีโทนร้อนหรือโทนเย็น

#36afce เป็นสีโทนเย็น ใน OKLCH มีฮิว 219 องศา ความสว่าง 70.2% และความสด 0.112