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

#69a7e4 คือ rgb(105, 167, 228) ใน RGB และ oklch(71.123% 0.11046 249.249) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #69a7e4 |
| RGB | rgb(105, 167, 228) |
| HSL | hsl(209.76, 69.49%, 65.29%) |
| HSB / HSV | hsv(209.76 53.95% 89.41%) |
| HWB | hwb(209.76 41.18% 10.59%) |
| CMYK | cmyk(54% 27% 0% 11%) |
| Lab | lab(66.17 -7.51 -37.52) |
| LCH | lch(66.17 38.26 258.68) |
| OKLab | oklab(71.123% -0.03914 -0.10329) |
| OKLCH | oklch(71.123% 0.11046 249.249) |
| Display P3 | color(display-p3 0.46704 0.64863 0.87392) |
| Rec. 2020 | color(rec2020 0.48925 0.6068 0.85551) |
| Adobe RGB | color(a98-rgb 0.493 0.64899 0.88257) |
| ProPhoto RGB | color(prophoto-rgb 0.52302 0.57842 0.83273) |
| sRGB เชิงเส้น | color(srgb-linear 0.14126 0.38643 0.77582) |
| XYZ D65 | color(xyz-d65 0.33646 0.36241 0.78624) |
| XYZ D50 | color(xyz-d50 0.32144 0.35549 0.5935) |
| SwiftUI | Color(red: 0.412, green: 0.655, blue: 0.894) |
| UIKit | UIColor(red: 0.412, green: 0.655, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF69A7E4) |
| Android XML | #69A7E4 |

## ข้อมูล

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

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

#69a7e4, #79b0e7, #88b9ea, #97c2ed, #a6caf0, #b4d3f3, #c3dcf6, #d2e5f8, #e1eefb, #f0f6fd

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

#69a7e4, #5a91c6, #4c7ba9, #3e668d, #315272, #243e58, #182c3f, #0c1a28, #040a12, #000103

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

#69a7e4, #70a7de, #76a7d7, #7ca6d1, #82a6ca, #88a5c4, #8da5bd, #93a4b6, #98a3af, #9da3a9

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

- คู่ตรงข้าม: #69a7e4, #ce9550
- คู่ตรงข้ามแยก: #69a7e4, #dd896d, #b3a34b
- ข้างเคียง: #69a7e4, #3db2d1, #939ae6
- สามเส้า: #69a7e4, #dd8493, #8caf63
- สี่เหลี่ยมผืนผ้า: #69a7e4, #b68ed6, #ce9550, #8caf63
- สี่เหลี่ยมจัตุรัส: #69a7e4, #cf86b8, #ce9550, #5eb789
- โทนสีเดียว: #69a7e4, #1f5e96, #4582bc, #8eceff, #d8f2ff

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

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

#69a7e4 เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(105, 167, 228) ใน HSL คือ hsl(209.76, 69.49%, 65.29%) และใน OKLCH คือ oklch(71.123% 0.11046 249.249)

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

สีตรงข้ามของ #69a7e4 คือ #ce9550 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3db2d1 และ #939ae6 ส่วนสีสามเส้าคือ #dd8493 และ #8caf63

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

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

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

#69a7e4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 71.1% และความสด 0.11