# สี #7caef3: โทนสด เฉดอ่อนของสีน้ำเงิน

#7caef3 คือ rgb(124, 174, 243) ใน RGB และ oklch(74.322% 0.11384 256.611) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7caef3 |
| RGB | rgb(124, 174, 243) |
| HSL | hsl(214.79, 83.22%, 71.96%) |
| HSB / HSV | hsv(214.79 48.97% 95.29%) |
| HWB | hwb(214.79 48.63% 4.71%) |
| CMYK | cmyk(49% 28% 0% 5%) |
| Lab | lab(69.66 -2.9 -40.19) |
| LCH | lch(69.66 40.3 265.87) |
| OKLab | oklab(74.322% -0.02636 -0.11075) |
| OKLCH | oklch(74.322% 0.11384 256.611) |
| Display P3 | color(display-p3 0.52804 0.67698 0.931) |
| Rec. 2020 | color(rec2020 0.54462 0.63936 0.91882) |
| Adobe RGB | color(a98-rgb 0.54643 0.67642 0.94197) |
| ProPhoto RGB | color(prophoto-rgb 0.57767 0.61331 0.90099) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.42327 0.89627) |
| XYZ D65 | color(xyz-d65 0.39623 0.41027 0.90628) |
| XYZ D50 | color(xyz-d50 0.37915 0.40261 0.68392) |
| SwiftUI | Color(red: 0.486, green: 0.682, blue: 0.953) |
| UIKit | UIColor(red: 0.486, green: 0.682, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF7CAEF3) |
| Android XML | #7CAEF3 |

## ข้อมูล

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

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

#7caef3, #89b6f5, #96bff6, #a3c7f8, #b0cff9, #bdd7fb, #cadffc, #d7e7fd, #e5effe, #f2f7fe

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

#7caef3, #6b97d3, #5a80b4, #4a6a97, #3b557a, #2c415e, #1e2e44, #111c2b, #050b14, #010103

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

#7caef3, #81aeec, #86aee5, #8baede, #90aed7, #95aed0, #9aadc9, #9eadc2, #a3adba, #a7acb3

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

- คู่ตรงข้าม: #7caef3, #d4a253
- คู่ตรงข้ามแยก: #7caef3, #e7956c, #b4b156
- ข้างเคียง: #7caef3, #4ebae3, #a6a1f0
- สามเส้า: #7caef3, #eb8d92, #8abd74
- สี่เหลี่ยมผืนผ้า: #7caef3, #c995dc, #d4a253, #8abd74
- สี่เหลี่ยมจัตุรัส: #7caef3, #e08eba, #d4a253, #59c39c
- โทนสีเดียว: #7caef3, #3664a4, #5888cb, #acd5ff, #e6f7ff

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

### #7caef3 คือสีอะไร

#7caef3 เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(124, 174, 243) ใน HSL คือ hsl(214.79, 83.22%, 71.96%) และใน OKLCH คือ oklch(74.322% 0.11384 256.611)

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

สีตรงข้ามของ #7caef3 คือ #d4a253 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4ebae3 และ #a6a1f0 ส่วนสีสามเส้าคือ #eb8d92 และ #8abd74

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

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

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

#7caef3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 257 องศา ความสว่าง 74.3% และความสด 0.114