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

#abc5fb คือ rgb(171, 197, 251) ใน RGB และ oklch(82.312% 0.08158 264.635) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abc5fb |
| RGB | rgb(171, 197, 251) |
| HSL | hsl(220.5, 90.91%, 82.75%) |
| HSB / HSV | hsv(220.5 31.87% 98.43%) |
| HWB | hwb(220.5 67.06% 1.57%) |
| CMYK | cmyk(32% 22% 0% 2%) |
| Lab | lab(79 0.24 -29.83) |
| LCH | lch(79 29.83 270.45) |
| OKLab | oklab(82.312% -0.00763 -0.08122) |
| OKLCH | oklch(82.312% 0.08158 264.635) |
| Display P3 | color(display-p3 0.69013 0.76944 0.96662) |
| Rec. 2020 | color(rec2020 0.69163 0.74243 0.95941) |
| Adobe RGB | color(a98-rgb 0.69573 0.76721 0.97599) |
| ProPhoto RGB | color(prophoto-rgb 0.70681 0.72095 0.94749) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.55834 0.96469) |
| XYZ D65 | color(xyz-d65 0.5417 0.55555 0.99139) |
| XYZ D50 | color(xyz-d50 0.53065 0.54935 0.74876) |
| SwiftUI | Color(red: 0.671, green: 0.773, blue: 0.984) |
| UIKit | UIColor(red: 0.671, green: 0.773, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFFABC5FB) |
| Android XML | #ABC5FB |

## ข้อมูล

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

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

#abc5fb, #b3cbfc, #bbd1fc, #c4d7fd, #ccdcfd, #d4e2fe, #dde8fe, #e5eeff, #eef3ff, #f6f9ff

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

#abc5fb, #94abda, #7e92ba, #68799c, #54617e, #404b61, #2d3546, #1b212d, #0b0e15, #010203

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

#abc5fb, #aec5f6, #b0c5f0, #b3c5eb, #b5c5e6, #b8c5e0, #bbc5db, #bdc5d6, #c0c5d0, #c2c5cb

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

- คู่ตรงข้าม: #abc5fb, #dec188
- คู่ตรงข้ามแยก: #abc5fb, #efb893, #c3cc8e
- ข้างเคียง: #abc5fb, #90cef3, #c8bbf5
- สามเส้า: #abc5fb, #f6b1ab, #a5d4a4
- สี่เหลี่ยมผืนผ้า: #abc5fb, #e0b3e3, #dec188, #a5d4a4
- สี่เหลี่ยมจัตุรัส: #abc5fb, #f0b0c8, #dec188, #8bd7c2
- โทนสีเดียว: #abc5fb, #637aac, #869fd3, #dcedff, #eaf5ff

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

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

#abc5fb เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(171, 197, 251) ใน HSL คือ hsl(220.5, 90.91%, 82.75%) และใน OKLCH คือ oklch(82.312% 0.08158 264.635)

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

สีตรงข้ามของ #abc5fb คือ #dec188 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #90cef3 และ #c8bbf5 ส่วนสีสามเส้าคือ #f6b1ab และ #a5d4a4

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

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

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

#abc5fb เป็นสีโทนเย็น ใน OKLCH มีฮิว 265 องศา ความสว่าง 82.3% และความสด 0.082