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

#acc4f2 คือ rgb(172, 196, 242) ใน RGB และ oklch(81.821% 0.07028 263.29) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #acc4f2 |
| RGB | rgb(172, 196, 242) |
| HSL | hsl(219.43, 72.92%, 81.18%) |
| HSB / HSV | hsv(219.43 28.93% 94.9%) |
| HWB | hwb(219.43 67.45% 5.1%) |
| CMYK | cmyk(29% 19% 0% 5%) |
| Lab | lab(78.54 -0.64 -25.74) |
| LCH | lch(78.54 25.74 268.57) |
| OKLab | oklab(81.821% -0.00821 -0.0698) |
| OKLCH | oklch(81.821% 0.07028 263.29) |
| Display P3 | color(display-p3 0.69244 0.76574 0.93357) |
| Rec. 2020 | color(rec2020 0.69009 0.73808 0.92278) |
| Adobe RGB | color(a98-rgb 0.69712 0.76324 0.94065) |
| ProPhoto RGB | color(prophoto-rgb 0.69939 0.71576 0.90791) |
| sRGB เชิงเส้น | color(srgb-linear 0.41254 0.55201 0.88792) |
| XYZ D65 | color(xyz-d65 0.52777 0.54661 0.91777) |
| XYZ D50 | color(xyz-d50 0.51955 0.54134 0.6934) |
| SwiftUI | Color(red: 0.675, green: 0.769, blue: 0.949) |
| UIKit | UIColor(red: 0.675, green: 0.769, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFACC4F2) |
| Android XML | #ACC4F2 |

## ข้อมูล

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

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

#acc4f2, #b4caf4, #bcd0f5, #c4d6f6, #cddcf8, #d5e2f9, #dde7fa, #e6edfc, #eef3fd, #f7f9fe

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

#acc4f2, #95aad2, #7f91b4, #697896, #546179, #404a5e, #2d3543, #1b212b, #0b0e14, #010203

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

#acc4f2, #aec4ed, #b1c4e9, #b3c4e4, #b5c4e0, #b8c4db, #bac4d6, #bcc4d2, #bfc4cd, #c1c4c8

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

- คู่ตรงข้าม: #acc4f2, #dac08f
- คู่ตรงข้ามแยก: #acc4f2, #e9b899, #c3c995
- ข้างเคียง: #acc4f2, #96ccea, #c5bcee
- สามเส้า: #acc4f2, #eeb2ae, #a9d0a7
- สี่เหลี่ยมผืนผ้า: #acc4f2, #dab5de, #dac08f, #a9d0a7
- สี่เหลี่ยมจัตุรัส: #acc4f2, #e9b1c7, #dac08f, #94d3bf
- โทนสีเดียว: #acc4f2, #647aa4, #879eca, #d9ebff, #e9f6ff

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

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

#acc4f2 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(172, 196, 242) ใน HSL คือ hsl(219.43, 72.92%, 81.18%) และใน OKLCH คือ oklch(81.821% 0.07028 263.29)

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

สีตรงข้ามของ #acc4f2 คือ #dac08f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96ccea และ #c5bcee ส่วนสีสามเส้าคือ #eeb2ae และ #a9d0a7

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

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

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

#acc4f2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 263 องศา ความสว่าง 81.8% และความสด 0.07