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

#aac4e7 คือ rgb(170, 196, 231) ใน RGB และ oklch(81.27% 0.05716 255.91) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aac4e7 |
| RGB | rgb(170, 196, 231) |
| HSL | hsl(214.43, 55.96%, 78.63%) |
| HSB / HSV | hsv(214.43 26.41% 90.59%) |
| HWB | hwb(214.43 66.67% 9.41%) |
| CMYK | cmyk(26% 15% 0% 9%) |
| Lab | lab(78.09 -3.26 -20.56) |
| LCH | lch(78.09 20.82 260.98) |
| OKLab | oklab(81.27% -0.01391 -0.05544) |
| OKLCH | oklch(81.27% 0.05716 255.91) |
| Display P3 | color(display-p3 0.68622 0.76552 0.89341) |
| Rec. 2020 | color(rec2020 0.68227 0.73688 0.8785) |
| Adobe RGB | color(a98-rgb 0.6918 0.76324 0.89781) |
| ProPhoto RGB | color(prophoto-rgb 0.68592 0.71319 0.86068) |
| sRGB เชิงเส้น | color(srgb-linear 0.40198 0.55201 0.7991) |
| XYZ D65 | color(xyz-d65 0.50739 0.53795 0.83314) |
| XYZ D50 | color(xyz-d50 0.50223 0.53361 0.62983) |
| SwiftUI | Color(red: 0.667, green: 0.769, blue: 0.906) |
| UIKit | UIColor(red: 0.667, green: 0.769, blue: 0.906, alpha: 1) |
| Flutter / Compose | Color(0xFFAAC4E7) |
| Android XML | #AAC4E7 |

## ข้อมูล

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

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

#aac4e7, #b2caea, #bbd0ec, #c3d6ef, #ccdbf1, #d4e1f3, #dde7f6, #e5edf8, #eef3fa, #f6f9fd

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

#aac4e7, #93aac9, #7d91ab, #68788f, #536173, #3f4a59, #2d3540, #1b2128, #0b0e13, #010203

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

#aac4e7, #acc4e3, #afc4e0, #b1c3dc, #b4c3d8, #b6c3d5, #b8c3d1, #bbc2cd, #bdc2c9, #bfc2c5

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

- คู่ตรงข้าม: #aac4e7, #d8bd99
- คู่ตรงข้ามแยก: #aac4e7, #e2b7a3, #c6c59a
- ข้างเคียง: #aac4e7, #9bcade, #bebde6
- สามเส้า: #aac4e7, #e4b3b5, #b2cba6
- สี่เหลี่ยมผืนผ้า: #aac4e7, #d1b7db, #d8bd99, #b2cba6
- สี่เหลี่ยมจัตุรัส: #aac4e7, #deb3ca, #d8bd99, #9fceb9
- โทนสีเดียว: #aac4e7, #627a9a, #859ec0, #d2ebff, #e6f7ff

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

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

#aac4e7 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(170, 196, 231) ใน HSL คือ hsl(214.43, 55.96%, 78.63%) และใน OKLCH คือ oklch(81.27% 0.05716 255.91)

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

สีตรงข้ามของ #aac4e7 คือ #d8bd99 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9bcade และ #bebde6 ส่วนสีสามเส้าคือ #e4b3b5 และ #b2cba6

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

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

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

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