# สี #a7d4fb: โทนพาสเทล เฉดอ่อนมากของสีฟ้า

#a7d4fb คือ rgb(167, 212, 251) ใน RGB และ oklch(85.15% 0.07225 244.947) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a7d4fb |
| RGB | rgb(167, 212, 251) |
| HSL | hsl(207.86, 91.3%, 81.96%) |
| HSB / HSV | hsv(207.86 33.47% 98.43%) |
| HWB | hwb(207.86 65.49% 1.57%) |
| CMYK | cmyk(33% 16% 0% 2%) |
| Lab | lab(82.72 -8.35 -24.23) |
| LCH | lch(82.72 25.63 250.98) |
| OKLab | oklab(85.15% -0.03059 -0.06545) |
| OKLCH | oklch(85.15% 0.07225 244.947) |
| Display P3 | color(display-p3 0.69059 0.82629 0.96978) |
| Rec. 2020 | color(rec2020 0.70618 0.80192 0.96378) |
| Adobe RGB | color(a98-rgb 0.70521 0.82691 0.97792) |
| ProPhoto RGB | color(prophoto-rgb 0.72281 0.78058 0.95409) |
| sRGB เชิงเส้น | color(srgb-linear 0.38643 0.65837 0.96469) |
| XYZ D65 | color(xyz-d65 0.56889 0.62266 1.00291) |
| XYZ D50 | color(xyz-d50 0.56011 0.61644 0.75818) |
| SwiftUI | Color(red: 0.655, green: 0.831, blue: 0.984) |
| UIKit | UIColor(red: 0.655, green: 0.831, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFFA7D4FB) |
| Android XML | #A7D4FB |

## ข้อมูล

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

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

#a7d4fb, #b0d8fc, #b9ddfc, #c2e1fd, #cae5fd, #d3eafe, #dceefe, #e5f2fe, #eef7ff, #f6fbff

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

#a7d4fb, #91b8da, #7b9dba, #66839c, #52697e, #3e5161, #2c3a46, #1a242d, #0a1015, #010203

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

#a7d4fb, #abd4f7, #afd3f2, #b3d3ee, #b7d2e9, #bbd1e5, #bfd1e0, #c3d0dc, #c7cfd7, #cacfd3

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

- คู่ตรงข้าม: #a7d4fb, #f0c59d
- คู่ตรงข้ามแยก: #a7d4fb, #f9beaf, #ddce98
- ข้างเคียง: #a7d4fb, #97dbec, #c0cbfe
- สามเส้า: #a7d4fb, #f8bbc8, #c3d7a3
- สี่เหลี่ยมผืนผ้า: #a7d4fb, #d9c3f5, #f0c59d, #c3d7a3
- สี่เหลี่ยมจัตุรัส: #a7d4fb, #edbde1, #f0c59d, #a9ddba
- โทนสีเดียว: #a7d4fb, #5e88ac, #82aed3, #e1f9ff, #e1f9ff

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

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

#a7d4fb เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(167, 212, 251) ใน HSL คือ hsl(207.86, 91.3%, 81.96%) และใน OKLCH คือ oklch(85.15% 0.07225 244.947)

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

สีตรงข้ามของ #a7d4fb คือ #f0c59d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #97dbec และ #c0cbfe ส่วนสีสามเส้าคือ #f8bbc8 และ #c3d7a3

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

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

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

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