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

#aac4ea คือ rgb(170, 196, 234) ใน RGB และ oklch(81.381% 0.0609 257.787) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aac4ea |
| RGB | rgb(170, 196, 234) |
| HSL | hsl(215.62, 60.38%, 79.22%) |
| HSB / HSV | hsv(215.62 27.35% 91.76%) |
| HWB | hwb(215.62 66.67% 8.24%) |
| CMYK | cmyk(27% 16% 0% 8%) |
| Lab | lab(78.17 -2.72 -22.04) |
| LCH | lch(78.17 22.21 262.95) |
| OKLab | oklab(81.381% -0.01288 -0.05952) |
| OKLCH | oklch(81.381% 0.0609 257.787) |
| Display P3 | color(display-p3 0.68622 0.76552 0.90432) |
| Rec. 2020 | color(rec2020 0.68304 0.73706 0.89052) |
| Adobe RGB | color(a98-rgb 0.6918 0.76324 0.90947) |
| ProPhoto RGB | color(prophoto-rgb 0.68842 0.71367 0.87344) |
| sRGB เชิงเส้น | color(srgb-linear 0.40198 0.55201 0.82279) |
| XYZ D65 | color(xyz-d65 0.51166 0.53966 0.85565) |
| XYZ D50 | color(xyz-d50 0.50562 0.53504 0.64674) |
| SwiftUI | Color(red: 0.667, green: 0.769, blue: 0.918) |
| UIKit | UIColor(red: 0.667, green: 0.769, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFFAAC4EA) |
| Android XML | #AAC4EA |

## ข้อมูล

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

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

#aac4ea, #b2caec, #bbd0ef, #c3d6f1, #ccdcf3, #d4e1f5, #dde7f7, #e5edf9, #eef3fb, #f6f9fd

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

#aac4ea, #93aacb, #7d91ae, #687891, #536175, #3f4a5a, #2d3541, #1b2129, #0b0e13, #010203

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

#aac4ea, #acc4e6, #afc4e2, #b1c4de, #b4c3da, #b6c3d6, #b9c3d2, #bbc3ce, #bdc2ca, #c0c2c6

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

- คู่ตรงข้าม: #aac4ea, #d8be96
- คู่ตรงข้ามแยก: #aac4ea, #e4b7a1, #c6c698
- ข้างเคียง: #aac4ea, #99cbe1, #bfbde8
- สามเส้า: #aac4ea, #e7b3b3, #afcca6
- สี่เหลี่ยมผืนผ้า: #aac4ea, #d3b6dc, #d8be96, #afcca6
- สี่เหลี่ยมจัตุรัส: #aac4ea, #e1b3c9, #d8be96, #9ccfba
- โทนสีเดียว: #aac4ea, #627a9d, #859ec3, #d4ebff, #e7f7ff

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

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

#aac4ea เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(170, 196, 234) ใน HSL คือ hsl(215.62, 60.38%, 79.22%) และใน OKLCH คือ oklch(81.381% 0.0609 257.787)

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

สีตรงข้ามของ #aac4ea คือ #d8be96 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #99cbe1 และ #bfbde8 ส่วนสีสามเส้าคือ #e7b3b3 และ #afcca6

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

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

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

#aac4ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 258 องศา ความสว่าง 81.4% และความสด 0.061