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

#a5cefe คือ rgb(165, 206, 254) ใน RGB และ oklch(83.894% 0.08049 252.705) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5cefe |
| RGB | rgb(165, 206, 254) |
| HSL | hsl(212.36, 97.8%, 82.16%) |
| HSB / HSV | hsv(212.36 35.04% 99.61%) |
| HWB | hwb(212.36 64.71% 0.39%) |
| CMYK | cmyk(35% 19% 0% 0%) |
| Lab | lab(81.09 -5.43 -28.3) |
| LCH | lch(81.09 28.82 259.13) |
| OKLab | oklab(83.894% -0.02393 -0.07685) |
| OKLCH | oklch(83.894% 0.08049 252.705) |
| Display P3 | color(display-p3 0.67927 0.80317 0.97929) |
| Rec. 2020 | color(rec2020 0.69244 0.77739 0.97396) |
| Adobe RGB | color(a98-rgb 0.69193 0.80298 0.98888) |
| ProPhoto RGB | color(prophoto-rgb 0.71175 0.75573 0.96434) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.61721 0.9911) |
| XYZ D65 | color(xyz-d65 0.55475 0.59296 1.02292) |
| XYZ D50 | color(xyz-d50 0.5436 0.58626 0.7729) |
| SwiftUI | Color(red: 0.647, green: 0.808, blue: 0.996) |
| UIKit | UIColor(red: 0.647, green: 0.808, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFA5CEFE) |
| Android XML | #A5CEFE |

## ข้อมูล

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

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

#a5cefe, #aed3fe, #b7d8ff, #c0ddff, #c9e2ff, #d2e7ff, #dbecff, #e4f0ff, #edf5ff, #f6faff

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

#a5cefe, #8fb3dd, #7998bd, #657f9e, #516680, #3d4e63, #2b3847, #1a232d, #0a0f16, #010203

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

#a5cefe, #a9cef9, #adcdf4, #b1cdef, #b4cdea, #b8cce4, #bcccdf, #bfccda, #c3cbd5, #c6cbcf

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

- คู่ตรงข้าม: #a5cefe, #ebc290
- คู่ตรงข้ามแยก: #a5cefe, #f8baa1, #d4cd8f
- ข้างเคียง: #a5cefe, #8ed6f0, #c2c4fe
- สามเส้า: #a5cefe, #fab5bc, #b6d6a0
- สี่เหลี่ยมผืนผ้า: #a5cefe, #ddbbf0, #ebc290, #b6d6a0
- สี่เหลี่ยมจัตุรัส: #a5cefe, #f0b6d8, #ebc290, #9adbbb
- โทนสีเดียว: #a5cefe, #5d83af, #80a8d6, #def4ff, #e5f7ff

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

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

#a5cefe เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(165, 206, 254) ใน HSL คือ hsl(212.36, 97.8%, 82.16%) และใน OKLCH คือ oklch(83.894% 0.08049 252.705)

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

สีตรงข้ามของ #a5cefe คือ #ebc290 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8ed6f0 และ #c2c4fe ส่วนสีสามเส้าคือ #fab5bc และ #b6d6a0

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

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

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

#a5cefe เป็นสีโทนเย็น ใน OKLCH มีฮิว 253 องศา ความสว่าง 83.9% และความสด 0.08