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

#a5c6ea คือ rgb(165, 198, 234) ใน RGB และ oklch(81.465% 0.06223 250.824) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5c6ea |
| RGB | rgb(165, 198, 234) |
| HSL | hsl(211.3, 62.16%, 78.24%) |
| HSB / HSV | hsv(211.3 29.49% 91.76%) |
| HWB | hwb(211.3 64.71% 8.24%) |
| CMYK | cmyk(29% 15% 0% 8%) |
| Lab | lab(78.37 -5.27 -21.78) |
| LCH | lch(78.37 22.41 256.41) |
| OKLab | oklab(81.465% -0.02044 -0.05878) |
| OKLCH | oklch(81.465% 0.06223 250.824) |
| Display P3 | color(display-p3 0.67243 0.77262 0.90456) |
| Rec. 2020 | color(rec2020 0.67402 0.74387 0.89091) |
| Adobe RGB | color(a98-rgb 0.68126 0.77118 0.90973) |
| ProPhoto RGB | color(prophoto-rgb 0.68134 0.71988 0.8741) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.56471 0.82279) |
| XYZ D65 | color(xyz-d65 0.5056 0.54327 0.85667) |
| XYZ D50 | color(xyz-d50 0.4993 0.53843 0.64761) |
| SwiftUI | Color(red: 0.647, green: 0.776, blue: 0.918) |
| UIKit | UIColor(red: 0.647, green: 0.776, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFFA5C6EA) |
| Android XML | #A5C6EA |

## ข้อมูล

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

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

#a5c6ea, #aeccec, #b7d1ef, #c0d7f1, #c9ddf3, #d2e2f5, #dbe8f7, #e4eef9, #edf4fb, #f6f9fd

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

#a5c6ea, #8faccb, #7992ae, #657a91, #516275, #3d4b5a, #2b3541, #1a2129, #0a0e13, #010203

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

#a5c6ea, #a8c6e6, #abc5e2, #aec5de, #b1c5da, #b4c4d6, #b7c4d2, #bac4ce, #bdc3ca, #bfc3c6

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

- คู่ตรงข้าม: #a5c6ea, #ddbc97
- คู่ตรงข้ามแยก: #a5c6ea, #e7b6a4, #cbc496
- ข้างเคียง: #a5c6ea, #96ccdf, #babeeb
- สามเส้า: #a5c6ea, #e7b2b9, #b5cba1
- สี่เหลี่ยมผืนผ้า: #a5c6ea, #cfb8e1, #ddbc97, #b5cba1
- สี่เหลี่ยมจัตุรัส: #a5c6ea, #dfb3cf, #ddbc97, #9fcfb5
- โทนสีเดียว: #a5c6ea, #5d7c9d, #80a0c3, #cfedff, #e4f8ff

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

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

#a5c6ea เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(165, 198, 234) ใน HSL คือ hsl(211.3, 62.16%, 78.24%) และใน OKLCH คือ oklch(81.465% 0.06223 250.824)

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

สีตรงข้ามของ #a5c6ea คือ #ddbc97 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #96ccdf และ #babeeb ส่วนสีสามเส้าคือ #e7b2b9 และ #b5cba1

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

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

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

#a5c6ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 251 องศา ความสว่าง 81.5% และความสด 0.062