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

#acc4fd คือ rgb(172, 196, 253) ใน RGB และ oklch(82.258% 0.08488 266.813) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #acc4fd |
| RGB | rgb(172, 196, 253) |
| HSL | hsl(222.22, 95.29%, 83.33%) |
| HSB / HSV | hsv(222.22 32.02% 99.22%) |
| HWB | hwb(222.22 67.45% 0.78%) |
| CMYK | cmyk(32% 23% 0% 1%) |
| Lab | lab(78.87 1.42 -31.09) |
| LCH | lch(78.87 31.12 272.61) |
| OKLab | oklab(82.258% -0.00472 -0.08475) |
| OKLCH | oklch(82.258% 0.08488 266.813) |
| Display P3 | color(display-p3 0.69244 0.76574 0.97377) |
| Rec. 2020 | color(rec2020 0.69311 0.73882 0.96727) |
| Adobe RGB | color(a98-rgb 0.69712 0.76324 0.98372) |
| ProPhoto RGB | color(prophoto-rgb 0.70915 0.71769 0.95589) |
| sRGB เชิงเส้น | color(srgb-linear 0.41254 0.55201 0.98225) |
| XYZ D65 | color(xyz-d65 0.5448 0.55341 1.00743) |
| XYZ D50 | color(xyz-d50 0.53304 0.54706 0.76076) |
| SwiftUI | Color(red: 0.675, green: 0.769, blue: 0.992) |
| UIKit | UIColor(red: 0.675, green: 0.769, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFACC4FD) |
| Android XML | #ACC4FD |

## ข้อมูล

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

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

#acc4fd, #b4cafe, #bcd0fe, #c4d6fe, #cddcff, #d5e2ff, #dde8ff, #e6edff, #eef3ff, #f6f9ff

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

#acc4fd, #95aadc, #7f91bc, #69789d, #54617f, #404a62, #2d3547, #1b212d, #0b0e16, #010203

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

#acc4fd, #aec4f8, #b1c4f2, #b3c5ed, #b6c5e7, #b8c5e1, #bbc5dc, #bdc5d6, #c0c5d0, #c2c5cb

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

- คู่ตรงข้าม: #acc4fd, #ddc284
- คู่ตรงข้ามแยก: #acc4fd, #f0b78f, #c1cd8d
- ข้างเคียง: #acc4fd, #8fcef5, #cabaf6
- สามเส้า: #acc4fd, #f7b0a8, #a1d4a5
- สี่เหลี่ยมผืนผ้า: #acc4fd, #e3b2e2, #ddc284, #a1d4a5
- สี่เหลี่ยมจัตุรัส: #acc4fd, #f3aec6, #ddc284, #86d7c4
- โทนสีเดียว: #acc4fd, #6479ae, #879ed5, #ddecff, #ebf5ff

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

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

#acc4fd เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(172, 196, 253) ใน HSL คือ hsl(222.22, 95.29%, 83.33%) และใน OKLCH คือ oklch(82.258% 0.08488 266.813)

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

สีตรงข้ามของ #acc4fd คือ #ddc284 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8fcef5 และ #cabaf6 ส่วนสีสามเส้าคือ #f7b0a8 และ #a1d4a5

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

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

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

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