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

#a5cbf3 คือ rgb(165, 203, 243) ใน RGB และ oklch(82.847% 0.06957 249.987) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5cbf3 |
| RGB | rgb(165, 203, 243) |
| HSL | hsl(210.77, 76.47%, 80%) |
| HSB / HSV | hsv(210.77 32.1% 95.29%) |
| HWB | hwb(210.77 64.71% 4.71%) |
| CMYK | cmyk(32% 16% 0% 5%) |
| Lab | lab(79.96 -6.06 -24.17) |
| LCH | lch(79.96 24.92 255.93) |
| OKLab | oklab(82.847% -0.02381 -0.06537) |
| OKLCH | oklch(82.847% 0.06957 249.987) |
| Display P3 | color(display-p3 0.67667 0.79171 0.93849) |
| Rec. 2020 | color(rec2020 0.68449 0.76457 0.92863) |
| Adobe RGB | color(a98-rgb 0.68789 0.79104 0.94546) |
| ProPhoto RGB | color(prophoto-rgb 0.69709 0.74163 0.91504) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.5972 0.89627) |
| XYZ D65 | color(xyz-d65 0.53048 0.57181 0.93039) |
| XYZ D50 | color(xyz-d50 0.52232 0.56617 0.70324) |
| SwiftUI | Color(red: 0.647, green: 0.796, blue: 0.953) |
| UIKit | UIColor(red: 0.647, green: 0.796, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFA5CBF3) |
| Android XML | #A5CBF3 |

## ข้อมูล

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

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

#a5cbf3, #aed0f4, #b7d5f6, #c0dbf7, #c9e0f8, #d2e5fa, #dbeafb, #e4effc, #edf5fd, #f6fafe

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

#a5cbf3, #8fb0d3, #7996b4, #657d97, #51657a, #3d4d5e, #2b3744, #1a222b, #0a0f14, #010203

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

#a5cbf3, #a9cbef, #accaea, #b0cae6, #b3cae2, #b6c9dd, #bac9d9, #bdc8d4, #c0c8d0, #c3c7cb

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

- คู่ตรงข้าม: #a5cbf3, #e5c096
- คู่ตรงข้ามแยก: #a5cbf3, #efb8a5, #d1c894
- ข้างเคียง: #a5cbf3, #93d2e6, #bdc3f4
- สามเส้า: #a5cbf3, #f0b5bc, #b8d0a1
- สี่เหลี่ยมผืนผ้า: #a5cbf3, #d5bbe9, #e5c096, #b8d0a1
- สี่เหลี่ยมจัตุรัส: #a5cbf3, #e7b6d5, #e5c096, #a0d5b7
- โทนสีเดียว: #a5cbf3, #5d80a5, #80a5cb, #d7f1ff, #e3f8ff

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

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

#a5cbf3 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(165, 203, 243) ใน HSL คือ hsl(210.77, 76.47%, 80%) และใน OKLCH คือ oklch(82.847% 0.06957 249.987)

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

สีตรงข้ามของ #a5cbf3 คือ #e5c096 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #93d2e6 และ #bdc3f4 ส่วนสีสามเส้าคือ #f0b5bc และ #b8d0a1

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

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

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

#a5cbf3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 82.8% และความสด 0.07