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

#69a2ea คือ rgb(105, 162, 234) ใน RGB และ oklch(70.327% 0.12216 254.893) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #69a2ea |
| RGB | rgb(105, 162, 234) |
| HSL | hsl(213.49, 75.44%, 66.47%) |
| HSB / HSV | hsv(213.49 55.13% 91.76%) |
| HWB | hwb(213.49 41.18% 8.24%) |
| CMYK | cmyk(55% 31% 0% 8%) |
| Lab | lab(64.99 -3.47 -42.64) |
| LCH | lch(64.99 42.78 265.35) |
| OKLab | oklab(70.327% -0.03184 -0.11794) |
| OKLCH | oklch(70.327% 0.12216 254.893) |
| Display P3 | color(display-p3 0.46175 0.62944 0.89509) |
| Rec. 2020 | color(rec2020 0.48258 0.58729 0.87859) |
| Adobe RGB | color(a98-rgb 0.48533 0.62945 0.90546) |
| ProPhoto RGB | color(prophoto-rgb 0.52143 0.56044 0.8567) |
| sRGB เชิงเส้น | color(srgb-linear 0.14126 0.36131 0.82279) |
| XYZ D65 | color(xyz-d65 0.33595 0.34783 0.82788) |
| XYZ D50 | color(xyz-d50 0.31848 0.34032 0.62459) |
| SwiftUI | Color(red: 0.412, green: 0.635, blue: 0.918) |
| UIKit | UIColor(red: 0.412, green: 0.635, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF69A2EA) |
| Android XML | #69A2EA |

## ข้อมูล

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

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

#69a2ea, #78aced, #87b5ef, #96bef2, #a5c8f4, #b4d1f6, #c3daf8, #d2e3fa, #e1edfc, #f0f6fe

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

#69a2ea, #5a8ccb, #4c77ae, #3e6391, #314f75, #243c5a, #182a41, #0c1929, #040a13, #000103

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

#69a2ea, #6fa2e3, #75a2dc, #7ba2d4, #81a2cd, #86a2c5, #8ba1be, #90a1b6, #95a1af, #9aa0a7

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

- คู่ตรงข้าม: #69a2ea, #cc933d
- คู่ตรงข้ามแยก: #69a2ea, #de855d, #aba33e
- ข้างเคียง: #69a2ea, #2dafd8, #9894e8
- สามเส้า: #69a2ea, #e17e87, #7eb060
- สี่เหลี่ยมผืนผ้า: #69a2ea, #bc87d4, #cc933d, #7eb060
- สี่เหลี่ยมจัตุรัส: #69a2ea, #d57fb1, #cc933d, #44b78c
- โทนสีเดียว: #69a2ea, #21599b, #457dc2, #93c9ff, #d7efff

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

### #69a2ea คือสีอะไร

#69a2ea เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(105, 162, 234) ใน HSL คือ hsl(213.49, 75.44%, 66.47%) และใน OKLCH คือ oklch(70.327% 0.12216 254.893)

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

สีตรงข้ามของ #69a2ea คือ #cc933d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2dafd8 และ #9894e8 ส่วนสีสามเส้าคือ #e17e87 และ #7eb060

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

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

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

#69a2ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 255 องศา ความสว่าง 70.3% และความสด 0.122