# สี #abc8f5: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน

#abc8f5 คือ rgb(171, 200, 245) ใน RGB และ oklch(82.689% 0.07099 259.078) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abc8f5 |
| RGB | rgb(171, 200, 245) |
| HSL | hsl(216.49, 78.72%, 81.57%) |
| HSB / HSV | hsv(216.49 30.2% 96.08%) |
| HWB | hwb(216.49 67.06% 3.92%) |
| CMYK | cmyk(30% 18% 0% 4%) |
| Lab | lab(79.61 -2.39 -25.71) |
| LCH | lch(79.61 25.83 264.69) |
| OKLab | oklab(82.689% -0.01345 -0.0697) |
| OKLCH | oklch(82.689% 0.07099 259.078) |
| Display P3 | color(display-p3 0.69257 0.78088 0.94536) |
| Rec. 2020 | color(rec2020 0.69466 0.75406 0.93604) |
| Adobe RGB | color(a98-rgb 0.69956 0.77912 0.95288) |
| ProPhoto RGB | color(prophoto-rgb 0.70615 0.73197 0.92264) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.57758 0.9131) |
| XYZ D65 | color(xyz-d65 0.53927 0.56558 0.94465) |
| XYZ D50 | color(xyz-d50 0.53068 0.56002 0.71379) |
| SwiftUI | Color(red: 0.671, green: 0.784, blue: 0.961) |
| UIKit | UIColor(red: 0.671, green: 0.784, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFABC8F5) |
| Android XML | #ABC8F5 |

## ข้อมูล

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

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

#abc8f5, #b3cef6, #bcd3f7, #c4d9f9, #ccdefa, #d5e4fb, #dde9fc, #e5effd, #eef4fd, #f6fafe

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

#abc8f5, #94aed5, #7e94b6, #687b98, #54637b, #404c5f, #2d3644, #1b212b, #0b0f15, #010203

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

#abc8f5, #aec8f0, #b1c8ec, #b3c8e7, #b6c8e3, #b9c7de, #bcc7d9, #bec7d5, #c1c7d0, #c3c6cb

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

- คู่ตรงข้าม: #abc8f5, #dfc292
- คู่ตรงข้ามแยก: #abc8f5, #edb99e, #c9cb95
- ข้างเคียง: #abc8f5, #96d0eb, #c4bff2
- สามเส้า: #abc8f5, #f1b4b4, #afd2a6
- สี่เหลี่ยมผืนผ้า: #abc8f5, #dbb8e4, #dfc292, #afd2a6
- สี่เหลี่ยมจัตุรัส: #abc8f5, #ebb4ce, #dfc292, #98d6be
- โทนสีเดียว: #abc8f5, #637da7, #86a2cd, #dbefff, #e7f6ff

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

### #abc8f5 คือสีอะไร

#abc8f5 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(171, 200, 245) ใน HSL คือ hsl(216.49, 78.72%, 81.57%) และใน OKLCH คือ oklch(82.689% 0.07099 259.078)

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

สีตรงข้ามของ #abc8f5 คือ #dfc292 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96d0eb และ #c4bff2 ส่วนสีสามเส้าคือ #f1b4b4 และ #afd2a6

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

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

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

#abc8f5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 259 องศา ความสว่าง 82.7% และความสด 0.071