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

#83ccf4 คือ rgb(131, 204, 244) ใน RGB และ oklch(81.19% 0.09226 233.516) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #83ccf4 |
| RGB | rgb(131, 204, 244) |
| HSL | hsl(201.24, 83.7%, 73.53%) |
| HSB / HSV | hsv(201.24 46.31% 95.69%) |
| HWB | hwb(201.24 51.37% 4.31%) |
| CMYK | cmyk(46% 16% 0% 4%) |
| Lab | lab(78.36 -15.76 -27.35) |
| LCH | lch(78.36 31.56 240.05) |
| OKLab | oklab(81.19% -0.05486 -0.07418) |
| OKLCH | oklch(81.19% 0.09226 233.516) |
| Display P3 | color(display-p3 0.57836 0.79257 0.94115) |
| Rec. 2020 | color(rec2020 0.61229 0.76182 0.93166) |
| Adobe RGB | color(a98-rgb 0.60763 0.79502 0.94949) |
| ProPhoto RGB | color(prophoto-rgb 0.63905 0.73549 0.91833) |
| sRGB เชิงเส้น | color(srgb-linear 0.22697 0.60383 0.90466) |
| XYZ D65 | color(xyz-d65 0.47279 0.54541 0.93627) |
| XYZ D50 | color(xyz-d50 0.46097 0.53821 0.7078) |
| SwiftUI | Color(red: 0.514, green: 0.8, blue: 0.957) |
| UIKit | UIColor(red: 0.514, green: 0.8, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFF83CCF4) |
| Android XML | #83CCF4 |

## ข้อมูล

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

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

#83ccf4, #90d1f5, #9dd6f7, #aadcf8, #b7e1f9, #c3e6fa, #cfebfb, #dbf0fc, #e7f5fd, #f3fafe

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

#83ccf4, #71b1d4, #6097b5, #4f7e97, #3f657a, #2f4e5e, #203744, #12222b, #060f14, #010203

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

#83ccf4, #8acbef, #92caea, #98c9e5, #9fc8e0, #a5c7db, #abc6d6, #b1c5d1, #b6c4cc, #bcc3c7

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

- คู่ตรงข้าม: #83ccf4, #f1b189
- คู่ตรงข้ามแยก: #83ccf4, #f8aaa5, #debd7b
- ข้างเคียง: #83ccf4, #72d3dc, #a3c2fe
- สามเส้า: #83ccf4, #f1a9c6, #c1c882
- สี่เหลี่ยมผืนผ้า: #83ccf4, #c4b7f8, #f1b189, #c1c882
- สี่เหลี่ยมจัตุรัส: #83ccf4, #dfaee4, #f1b189, #9ed19b
- โทนสีเดียว: #83ccf4, #3781a6, #5da6cc, #bff1ff, #dbfbff

## คำถามเกี่ยวกับ #83ccf4

### #83ccf4 คือสีอะไร

#83ccf4 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(131, 204, 244) ใน HSL คือ hsl(201.24, 83.7%, 73.53%) และใน OKLCH คือ oklch(81.19% 0.09226 233.516)

### สีอะไรเข้ากับ #83ccf4

สีตรงข้ามของ #83ccf4 คือ #f1b189 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #72d3dc และ #a3c2fe ส่วนสีสามเส้าคือ #f1a9c6 และ #c1c882

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

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

### #83ccf4 เป็นสีโทนร้อนหรือโทนเย็น

#83ccf4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 234 องศา ความสว่าง 81.2% และความสด 0.092