# สี #86cff5: โทนพาสเทล เฉดอ่อนของสีฟ้า

#86cff5 คือ rgb(134, 207, 245) ใน RGB และ oklch(82.032% 0.09039 232.085) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #86cff5 |
| RGB | rgb(134, 207, 245) |
| HSL | hsl(200.54, 84.73%, 74.31%) |
| HSB / HSV | hsv(200.54 45.31% 96.08%) |
| HWB | hwb(200.54 52.55% 3.92%) |
| CMYK | cmyk(45% 16% 0% 4%) |
| Lab | lab(79.37 -16.21 -26.33) |
| LCH | lch(79.37 30.92 238.38) |
| OKLab | oklab(82.032% -0.05554 -0.07131) |
| OKLCH | oklch(82.032% 0.09039 232.085) |
| Display P3 | color(display-p3 0.58987 0.80431 0.94558) |
| Rec. 2020 | color(rec2020 0.6241 0.77464 0.93674) |
| Adobe RGB | color(a98-rgb 0.61899 0.80697 0.9538) |
| ProPhoto RGB | color(prophoto-rgb 0.65002 0.74886 0.92419) |
| sRGB เชิงเส้น | color(srgb-linear 0.2384 0.62396 0.9131) |
| XYZ D65 | color(xyz-d65 0.48623 0.56285 0.94691) |
| XYZ D50 | color(xyz-d50 0.47492 0.5557 0.71594) |
| SwiftUI | Color(red: 0.525, green: 0.812, blue: 0.961) |
| UIKit | UIColor(red: 0.525, green: 0.812, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF86CFF5) |
| Android XML | #86CFF5 |

## ข้อมูล

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

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

#86cff5, #93d4f6, #a0d9f7, #acdef9, #b8e3fa, #c4e7fb, #d0ecfc, #dcf1fd, #e8f6fd, #f3fafe

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

#86cff5, #74b4d5, #6299b6, #517f98, #40677b, #304f5f, #213844, #13232b, #061015, #010203

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

#86cff5, #8dcef0, #94cdeb, #9bcce7, #a2cbe2, #a8cadd, #aec9d8, #b4c8d3, #b9c7ce, #bfc5c9

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

- คู่ตรงข้าม: #86cff5, #f4b48e
- คู่ตรงข้ามแยก: #86cff5, #faadaa, #e2bf7f
- ข้างเคียง: #86cff5, #77d6dd, #a4c5ff
- สามเส้า: #86cff5, #f3acca, #c5cb86
- สี่เหลี่ยมผืนผ้า: #86cff5, #c5bafb, #f4b48e, #c5cb86
- สี่เหลี่ยมจัตุรัส: #86cff5, #e0b1e7, #f4b48e, #a3d49d
- โทนสีเดียว: #86cff5, #3a84a7, #60a9cd, #c4f3ff, #dafbff

## คำถามเกี่ยวกับ #86cff5

### #86cff5 คือสีอะไร

#86cff5 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(134, 207, 245) ใน HSL คือ hsl(200.54, 84.73%, 74.31%) และใน OKLCH คือ oklch(82.032% 0.09039 232.085)

### สีอะไรเข้ากับ #86cff5

สีตรงข้ามของ #86cff5 คือ #f4b48e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #77d6dd และ #a4c5ff ส่วนสีสามเส้าคือ #f3acca และ #c5cb86

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

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

### #86cff5 เป็นสีโทนร้อนหรือโทนเย็น

#86cff5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 232 องศา ความสว่าง 82% และความสด 0.09