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

#7eb4e9 คือ rgb(126, 180, 233) ใน RGB และ oklch(75.262% 0.09561 248.746) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7eb4e9 |
| RGB | rgb(126, 180, 233) |
| HSL | hsl(209.72, 70.86%, 70.39%) |
| HSB / HSV | hsv(209.72 45.92% 91.37%) |
| HWB | hwb(209.72 49.41% 8.63%) |
| CMYK | cmyk(46% 23% 0% 9%) |
| Lab | lab(71.08 -7.69 -32.58) |
| LCH | lch(71.08 33.47 256.72) |
| OKLab | oklab(75.262% -0.03466 -0.08911) |
| OKLCH | oklch(75.262% 0.09561 248.746) |
| Display P3 | color(display-p3 0.53968 0.70014 0.8955) |
| Rec. 2020 | color(rec2020 0.55575 0.66306 0.87994) |
| Adobe RGB | color(a98-rgb 0.55985 0.70001 0.90356) |
| ProPhoto RGB | color(prophoto-rgb 0.58046 0.63546 0.86012) |
| sRGB เชิงเส้น | color(srgb-linear 0.20864 0.45641 0.81485) |
| XYZ D65 | color(xyz-d65 0.39631 0.4296 0.83297) |
| XYZ D50 | color(xyz-d50 0.38335 0.42301 0.6291) |
| SwiftUI | Color(red: 0.494, green: 0.706, blue: 0.914) |
| UIKit | UIColor(red: 0.494, green: 0.706, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF7EB4E9) |
| Android XML | #7EB4E9 |

## ข้อมูล

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

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

#7eb4e9, #8bbcec, #98c3ee, #a5cbf1, #b2d2f3, #bfdaf5, #cbe1f7, #d8e9f9, #e5f0fb, #f2f8fd

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

#7eb4e9, #6d9ccb, #5c85ad, #4c6e90, #3c5874, #2d445a, #1f3041, #111d29, #050c13, #010203

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

#7eb4e9, #84b4e3, #89b3de, #8eb3d8, #93b2d2, #98b2cc, #9db1c6, #a1b1c1, #a6b0bb, #aaafb5

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

- คู่ตรงข้าม: #7eb4e9, #d7a46a
- คู่ตรงข้ามแยก: #7eb4e9, #e49a82, #beb067
- ข้างเคียง: #7eb4e9, #61bdd8, #a1a9eb
- สามเส้า: #7eb4e9, #e495a2, #9cbb79
- สี่เหลี่ยมผืนผ้า: #7eb4e9, #c09edd, #d7a46a, #9cbb79
- สี่เหลี่ยมจัตุรัส: #7eb4e9, #d797c3, #d7a46a, #77c298
- โทนสีเดียว: #7eb4e9, #366a9b, #5a8ec1, #a8dbff, #e3f8ff

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

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

#7eb4e9 เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(126, 180, 233) ใน HSL คือ hsl(209.72, 70.86%, 70.39%) และใน OKLCH คือ oklch(75.262% 0.09561 248.746)

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

สีตรงข้ามของ #7eb4e9 คือ #d7a46a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #61bdd8 และ #a1a9eb ส่วนสีสามเส้าคือ #e495a2 และ #9cbb79

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

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

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

#7eb4e9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 75.3% และความสด 0.096