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

#abc7f3 คือ rgb(171, 199, 243) ใน RGB และ oklch(82.407% 0.0693 259.349) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abc7f3 |
| RGB | rgb(171, 199, 243) |
| HSL | hsl(216.67, 75%, 81.18%) |
| HSB / HSV | hsv(216.67 29.63% 95.29%) |
| HWB | hwb(216.67 67.06% 4.71%) |
| CMYK | cmyk(30% 18% 0% 5%) |
| Lab | lab(79.29 -2.26 -25.14) |
| LCH | lch(79.29 25.24 264.86) |
| OKLab | oklab(82.407% -0.01281 -0.06811) |
| OKLCH | oklch(82.407% 0.0693 259.349) |
| Display P3 | color(display-p3 0.69175 0.77707 0.93784) |
| Rec. 2020 | color(rec2020 0.69255 0.74991 0.92767) |
| Adobe RGB | color(a98-rgb 0.69828 0.77515 0.94494) |
| ProPhoto RGB | color(prophoto-rgb 0.70285 0.7276 0.91352) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.57112 0.89627) |
| XYZ D65 | color(xyz-d65 0.53393 0.55975 0.92788) |
| XYZ D50 | color(xyz-d50 0.52579 0.55437 0.70114) |
| SwiftUI | Color(red: 0.671, green: 0.78, blue: 0.953) |
| UIKit | UIColor(red: 0.671, green: 0.78, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFABC7F3) |
| Android XML | #ABC7F3 |

## ข้อมูล

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

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

#abc7f3, #b3cdf4, #bcd2f6, #c4d8f7, #ccddf8, #d5e3fa, #dde9fb, #e5eefc, #eef4fd, #f6f9fe

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

#abc7f3, #94add3, #7e93b4, #687a97, #54627a, #404c5e, #2d3644, #1b212b, #0b0e14, #010203

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

#abc7f3, #aec7ef, #b0c7ea, #b3c7e6, #b6c7e1, #b8c6dc, #bbc6d8, #bec6d3, #c0c6cf, #c3c5ca

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

- คู่ตรงข้าม: #abc7f3, #dec193
- คู่ตรงข้ามแยก: #abc7f3, #ebb99e, #c8ca96
- ข้างเคียง: #abc7f3, #96cfea, #c4bff0
- สามเส้า: #abc7f3, #efb4b3, #afd1a6
- สี่เหลี่ยมผืนผ้า: #abc7f3, #dab8e2, #dec193, #afd1a6
- สี่เหลี่ยมจัตุรัส: #abc7f3, #e9b4cc, #dec193, #98d4be
- โทนสีเดียว: #abc7f3, #637da5, #86a1cb, #daeeff, #e7f6ff

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

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

#abc7f3 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(171, 199, 243) ใน HSL คือ hsl(216.67, 75%, 81.18%) และใน OKLCH คือ oklch(82.407% 0.0693 259.349)

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

สีตรงข้ามของ #abc7f3 คือ #dec193 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96cfea และ #c4bff0 ส่วนสีสามเส้าคือ #efb4b3 และ #afd1a6

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

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

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

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