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

#acc3e2 คือ rgb(172, 195, 226) ใน RGB และ oklch(81.018% 0.05065 255.922) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #acc3e2 |
| RGB | rgb(172, 195, 226) |
| HSL | hsl(214.44, 48.21%, 78.04%) |
| HSB / HSV | hsv(214.44 23.89% 88.63%) |
| HWB | hwb(214.44 67.45% 11.37%) |
| CMYK | cmyk(24% 14% 0% 11%) |
| Lab | lab(77.82 -3.01 -18.27) |
| LCH | lch(77.82 18.52 260.63) |
| OKLab | oklab(81.018% -0.01232 -0.04913) |
| OKLCH | oklch(81.018% 0.05065 255.922) |
| Display P3 | color(display-p3 0.69165 0.76193 0.8751) |
| Rec. 2020 | color(rec2020 0.68444 0.73307 0.85831) |
| Adobe RGB | color(a98-rgb 0.69587 0.75928 0.87828) |
| ProPhoto RGB | color(prophoto-rgb 0.68449 0.70915 0.8392) |
| sRGB เชิงเส้น | color(srgb-linear 0.41254 0.54572 0.76052) |
| XYZ D65 | color(xyz-d65 0.50253 0.53291 0.79593) |
| XYZ D50 | color(xyz-d50 0.4989 0.52911 0.60181) |
| SwiftUI | Color(red: 0.675, green: 0.765, blue: 0.886) |
| UIKit | UIColor(red: 0.675, green: 0.765, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFACC3E2) |
| Android XML | #ACC3E2 |

## ข้อมูล

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

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

#acc3e2, #b4c9e5, #bccfe8, #c4d5eb, #cddbee, #d5e1f1, #dde7f4, #e6edf7, #eef3f9, #f7f9fc

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

#acc3e2, #95a9c4, #7f90a8, #69788c, #546071, #404a57, #2d343e, #1b2027, #0b0e12, #010203

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

#acc3e2, #aec3df, #b0c3db, #b2c2d8, #b4c2d5, #b7c2d2, #b9c2ce, #bbc2cb, #bdc1c8, #bfc1c4

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

- คู่ตรงข้าม: #acc3e2, #d4bd9d
- คู่ตรงข้ามแยก: #acc3e2, #deb8a6, #c5c49e
- ข้างเคียง: #acc3e2, #9fc8da, #bdbde1
- สามเส้า: #acc3e2, #e0b4b6, #b3c9a9
- สี่เหลี่ยมผืนผ้า: #acc3e2, #ceb8d8, #d4bd9d, #b3c9a9
- สี่เหลี่ยมจัตุรัส: #acc3e2, #dab4c8, #d4bd9d, #a3ccb9
- โทนสีเดียว: #acc3e2, #647995, #879dbb, #d2eaff, #e6f7ff

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

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

#acc3e2 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(172, 195, 226) ใน HSL คือ hsl(214.44, 48.21%, 78.04%) และใน OKLCH คือ oklch(81.018% 0.05065 255.922)

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

สีตรงข้ามของ #acc3e2 คือ #d4bd9d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9fc8da และ #bdbde1 ส่วนสีสามเส้าคือ #e0b4b6 และ #b3c9a9

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

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

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

#acc3e2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 256 องศา ความสว่าง 81% และความสด 0.051