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

#8bcbf5 คือ rgb(139, 203, 245) ใน RGB และ oklch(81.42% 0.08824 238.057) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #8bcbf5 |
| RGB | rgb(139, 203, 245) |
| HSL | hsl(203.77, 84.13%, 75.29%) |
| HSB / HSV | hsv(203.77 43.27% 96.08%) |
| HWB | hwb(203.77 54.51% 3.92%) |
| CMYK | cmyk(43% 17% 0% 4%) |
| Lab | lab(78.52 -13 -27.59) |
| LCH | lch(78.52 30.5 244.77) |
| OKLab | oklab(81.42% -0.04669 -0.07488) |
| OKLCH | oklch(81.42% 0.08824 238.057) |
| Display P3 | color(display-p3 0.59985 0.78936 0.94482) |
| Rec. 2020 | color(rec2020 0.62706 0.75926 0.93566) |
| Adobe RGB | color(a98-rgb 0.62424 0.79104 0.95327) |
| ProPhoto RGB | color(prophoto-rgb 0.6513 0.73373 0.92252) |
| sRGB เชิงเส้น | color(srgb-linear 0.25818 0.5972 0.9131) |
| XYZ D65 | color(xyz-d65 0.48482 0.54792 0.9441) |
| XYZ D50 | color(xyz-d50 0.47324 0.54092 0.71362) |
| SwiftUI | Color(red: 0.545, green: 0.796, blue: 0.961) |
| UIKit | UIColor(red: 0.545, green: 0.796, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF8BCBF5) |
| Android XML | #8BCBF5 |

## ข้อมูล

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

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

#8bcbf5, #97d0f6, #a3d6f7, #afdbf9, #bbe0fa, #c6e5fb, #d2ebfc, #ddf0fd, #e8f5fe, #f4fafe

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

#8bcbf5, #78b0d5, #6696b6, #547d98, #43657b, #324d5f, #233744, #14222b, #070f15, #010203

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

#8bcbf5, #91caf0, #98caeb, #9dc9e6, #a3c8e1, #a9c7dc, #aec6d7, #b3c5d2, #b8c4cd, #bdc3c7

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

- คู่ตรงข้าม: #8bcbf5, #eeb489
- คู่ตรงข้ามแยก: #8bcbf5, #f6ada2, #dabf7f
- ข้างเคียง: #8bcbf5, #79d3e0, #aac1fc
- สามเส้า: #8bcbf5, #f2abc2, #bdcb89
- สี่เหลี่ยมผืนผ้า: #8bcbf5, #c9b6f4, #eeb489, #bdcb89
- สี่เหลี่ยมจัตุรัส: #8bcbf5, #e2aedf, #eeb489, #9bd2a2
- โทนสีเดียว: #8bcbf5, #4180a7, #66a5cd, #c5f0ff, #ddfaff

## คำถามเกี่ยวกับ #8bcbf5

### #8bcbf5 คือสีอะไร

#8bcbf5 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(139, 203, 245) ใน HSL คือ hsl(203.77, 84.13%, 75.29%) และใน OKLCH คือ oklch(81.42% 0.08824 238.057)

### สีอะไรเข้ากับ #8bcbf5

สีตรงข้ามของ #8bcbf5 คือ #eeb489 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #79d3e0 และ #aac1fc ส่วนสีสามเส้าคือ #f2abc2 และ #bdcb89

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

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

### #8bcbf5 เป็นสีโทนร้อนหรือโทนเย็น

#8bcbf5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 238 องศา ความสว่าง 81.4% และความสด 0.088