# สี #a3c4e2: โทนละมุน เฉดอ่อนของสีฟ้า

#a3c4e2 คือ rgb(163, 196, 226) ใน RGB และ oklch(80.62% 0.05551 245.995) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a3c4e2 |
| RGB | rgb(163, 196, 226) |
| HSL | hsl(208.57, 52.07%, 76.27%) |
| HSB / HSV | hsv(208.57 27.88% 88.63%) |
| HWB | hwb(208.57 63.92% 11.37%) |
| CMYK | cmyk(28% 13% 0% 11%) |
| Lab | lab(77.48 -6.36 -18.86) |
| LCH | lch(77.48 19.9 251.38) |
| OKLab | oklab(80.62% -0.02258 -0.05071) |
| OKLCH | oklch(80.62% 0.05551 245.995) |
| Display P3 | color(display-p3 0.66461 0.76478 0.87492) |
| Rec. 2020 | color(rec2020 0.66393 0.73487 0.85819) |
| Adobe RGB | color(a98-rgb 0.67344 0.76324 0.87842) |
| ProPhoto RGB | color(prophoto-rgb 0.66745 0.70983 0.83917) |
| sRGB เชิงเส้น | color(srgb-linear 0.36625 0.55201 0.76052) |
| XYZ D65 | color(xyz-d65 0.48569 0.52756 0.79578) |
| XYZ D50 | color(xyz-d50 0.48113 0.52332 0.60178) |
| SwiftUI | Color(red: 0.639, green: 0.769, blue: 0.886) |
| UIKit | UIColor(red: 0.639, green: 0.769, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFA3C4E2) |
| Android XML | #A3C4E2 |

## ข้อมูล

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

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

#a3c4e2, #accae5, #b5d0e8, #bed6eb, #c8dbee, #d1e1f1, #dae7f4, #e3edf7, #ecf3f9, #f6f9fc

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

#a3c4e2, #8daac4, #7891a8, #63788c, #4f6171, #3c4a57, #2a353e, #192127, #0a0e12, #010203

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

#a3c4e2, #a6c4df, #a9c3db, #acc3d8, #afc2d4, #b2c2d1, #b5c2ce, #b7c1ca, #bac1c7, #bdc0c3

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

- คู่ตรงข้าม: #a3c4e2, #d9b99a
- คู่ตรงข้ามแยก: #a3c4e2, #e1b4a7, #cac098
- ข้างเคียง: #a3c4e2, #97c9d7, #b5bde4
- สามเส้า: #a3c4e2, #e0b1ba, #b7c7a0
- สี่เหลี่ยมผืนผ้า: #a3c4e2, #c8b7dd, #d9b99a, #b7c7a0
- สี่เหลี่ยมจัตุรัส: #a3c4e2, #d8b3cd, #d9b99a, #a4cbb1
- โทนสีเดียว: #a3c4e2, #5b7a95, #7e9ebb, #c9ebff, #e1f8ff

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

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

#a3c4e2 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(163, 196, 226) ใน HSL คือ hsl(208.57, 52.07%, 76.27%) และใน OKLCH คือ oklch(80.62% 0.05551 245.995)

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

สีตรงข้ามของ #a3c4e2 คือ #d9b99a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #97c9d7 และ #b5bde4 ส่วนสีสามเส้าคือ #e0b1ba และ #b7c7a0

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

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

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

#a3c4e2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 246 องศา ความสว่าง 80.6% และความสด 0.056