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

#abcaf7 คือ rgb(171, 202, 247) ใน RGB และ oklch(83.177% 0.07183 257.635) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abcaf7 |
| RGB | rgb(171, 202, 247) |
| HSL | hsl(215.53, 82.61%, 81.96%) |
| HSB / HSV | hsv(215.53 30.77% 96.86%) |
| HWB | hwb(215.53 67.06% 3.14%) |
| CMYK | cmyk(31% 18% 0% 3%) |
| Lab | lab(80.2 -3.01 -25.89) |
| LCH | lch(80.2 26.06 263.37) |
| OKLab | oklab(83.177% -0.01538 -0.07017) |
| OKLCH | oklch(83.177% 0.07183 257.635) |
| Display P3 | color(display-p3 0.69422 0.78851 0.9531) |
| Rec. 2020 | color(rec2020 0.69835 0.76222 0.94471) |
| Adobe RGB | color(a98-rgb 0.70215 0.78707 0.96096) |
| ProPhoto RGB | color(prophoto-rgb 0.71105 0.74039 0.93223) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.59062 0.93011) |
| XYZ D65 | color(xyz-d65 0.54701 0.57613 0.96237) |
| XYZ D50 | color(xyz-d50 0.53814 0.5704 0.7272) |
| SwiftUI | Color(red: 0.671, green: 0.792, blue: 0.969) |
| UIKit | UIColor(red: 0.671, green: 0.792, blue: 0.969, alpha: 1) |
| Flutter / Compose | Color(0xFFABCAF7) |
| Android XML | #ABCAF7 |

## ข้อมูล

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

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

#abcaf7, #b3cff8, #bcd5f9, #c4dafa, #ccdffb, #d5e5fc, #ddeafc, #e6effd, #eef4fe, #f6fafe

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

#abcaf7, #94afd7, #7e95b7, #687c99, #54647c, #404d60, #2d3745, #1b222c, #0b0f15, #010203

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

#abcaf7, #aecaf2, #b1caee, #b4cae9, #b7c9e4, #bac9e0, #bdc9db, #bfc9d6, #c2c8d1, #c5c8cd

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

- คู่ตรงข้าม: #abcaf7, #e2c393
- คู่ตรงข้ามแยก: #abcaf7, #f0baa0, #cccc95
- ข้างเคียง: #abcaf7, #96d2ed, #c5c1f5
- สามเส้า: #abcaf7, #f3b6b7, #b2d3a6
- สี่เหลี่ยมผืนผ้า: #abcaf7, #dcbae7, #e2c393, #b2d3a6
- สี่เหลี่ยมจัตุรัส: #abcaf7, #ecb5d0, #e2c393, #9ad7bf
- โทนสีเดียว: #abcaf7, #637fa9, #86a4cf, #ddf1ff, #e7f7ff

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

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

#abcaf7 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(171, 202, 247) ใน HSL คือ hsl(215.53, 82.61%, 81.96%) และใน OKLCH คือ oklch(83.177% 0.07183 257.635)

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

สีตรงข้ามของ #abcaf7 คือ #e2c393 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96d2ed และ #c5c1f5 ส่วนสีสามเส้าคือ #f3b6b7 และ #b2d3a6

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

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

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

#abcaf7 เป็นสีโทนเย็น ใน OKLCH มีฮิว 258 องศา ความสว่าง 83.2% และความสด 0.072