# สี #aae5fe: โทนพาสเทล เฉดอ่อนมากของสีฟ้า

#aae5fe คือ rgb(170, 229, 254) ใน RGB และ oklch(89.011% 0.06901 225.989) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aae5fe |
| RGB | rgb(170, 229, 254) |
| HSL | hsl(197.86, 97.67%, 83.14%) |
| HSB / HSV | hsv(197.86 33.07% 99.61%) |
| HWB | hwb(197.86 66.67% 0.39%) |
| CMYK | cmyk(33% 10% 0% 0%) |
| Lab | lab(87.54 -15.02 -18.55) |
| LCH | lch(87.54 23.87 230.99) |
| OKLab | oklab(89.011% -0.04795 -0.04964) |
| OKLCH | oklch(89.011% 0.06901 225.989) |
| Display P3 | color(display-p3 0.71505 0.89159 0.98491) |
| Rec. 2020 | color(rec2020 0.74285 0.87202 0.9816) |
| Adobe RGB | color(a98-rgb 0.7367 0.89501 0.99203) |
| ProPhoto RGB | color(prophoto-rgb 0.7604 0.85346 0.97573) |
| sRGB เชิงเส้น | color(srgb-linear 0.40198 0.78354 0.9911) |
| XYZ D65 | color(xyz-d65 0.62483 0.71739 1.04324) |
| XYZ D50 | color(xyz-d50 0.61887 0.71123 0.78941) |
| SwiftUI | Color(red: 0.667, green: 0.898, blue: 0.996) |
| UIKit | UIColor(red: 0.667, green: 0.898, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFAAE5FE) |
| Android XML | #AAE5FE |

## ข้อมูล

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

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

#aae5fe, #b3e8fe, #bceafe, #c5edff, #cdf0ff, #d6f2ff, #def5ff, #e6f7ff, #effaff, #f7fcff

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

#aae5fe, #93c7dd, #7daabd, #688e9e, #537280, #3f5863, #2d3f47, #1b282d, #0b1216, #010303

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

#aae5fe, #afe4fb, #b5e3f7, #bae2f4, #bfe1f0, #c4e0ec, #c9dfe9, #cddee5, #d2dde2, #d6dcde

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

- คู่ตรงข้าม: #aae5fe, #ffcdb5
- คู่ตรงข้ามแยก: #aae5fe, #ffc9cb, #f6d5a8
- ข้างเคียง: #aae5fe, #a4eaea, #bdddff
- สามเส้า: #aae5fe, #fec9e4, #e0dea9
- สี่เหลี่ยมผืนผ้า: #aae5fe, #d6d5ff, #ffcdb5, #e0dea9
- สี่เหลี่ยมจัตุรัส: #aae5fe, #edcdfa, #ffcdb5, #c7e6b9
- โทนสีเดียว: #aae5fe, #5f98b0, #84bed6, #d5fcff, #d5fcff

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

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

#aae5fe เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(170, 229, 254) ใน HSL คือ hsl(197.86, 97.67%, 83.14%) และใน OKLCH คือ oklch(89.011% 0.06901 225.989)

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

สีตรงข้ามของ #aae5fe คือ #ffcdb5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a4eaea และ #bdddff ส่วนสีสามเส้าคือ #fec9e4 และ #e0dea9

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

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

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

#aae5fe เป็นสีโทนเย็น ใน OKLCH มีฮิว 226 องศา ความสว่าง 89% และความสด 0.069