# สี #4aabe3: โทนสด เฉดอ่อนของสีฟ้า

#4aabe3 คือ rgb(74, 171, 227) ใน RGB และ oklch(70.714% 0.12185 237.425) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4aabe3 |
| RGB | rgb(74, 171, 227) |
| HSL | hsl(201.96, 73.21%, 59.02%) |
| HSB / HSV | hsv(201.96 67.4% 89.02%) |
| HWB | hwb(201.96 29.02% 10.98%) |
| CMYK | cmyk(67% 25% 0% 11%) |
| Lab | lab(66.04 -16.1 -37.3) |
| LCH | lch(66.04 40.63 246.65) |
| OKLab | oklab(70.714% -0.06561 -0.10268) |
| OKLCH | oklch(70.714% 0.12185 237.425) |
| Display P3 | color(display-p3 0.39388 0.66217 0.87038) |
| Rec. 2020 | color(rec2020 0.44574 0.61859 0.85184) |
| Adobe RGB | color(a98-rgb 0.44072 0.66466 0.87913) |
| ProPhoto RGB | color(prophoto-rgb 0.49172 0.58766 0.82924) |
| sRGB เชิงเส้น | color(srgb-linear 0.06848 0.40724 0.76815) |
| XYZ D65 | color(xyz-d65 0.3125 0.36126 0.78002) |
| XYZ D50 | color(xyz-d50 0.29662 0.35375 0.58903) |
| SwiftUI | Color(red: 0.29, green: 0.671, blue: 0.89) |
| UIKit | UIColor(red: 0.29, green: 0.671, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF4AABE3) |
| Android XML | #4AABE3 |

## ข้อมูล

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

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

#4aabe3, #60b4e6, #74bcea, #87c5ed, #99cdf0, #aad6f2, #bbdef5, #cce6f8, #ddeffa, #eef7fd

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

#4aabe3, #3f94c5, #357ea8, #2a688c, #205471, #174057, #0e2d3f, #061b27, #020b12, #000103

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

#4aabe3, #57aadd, #62aad6, #6ba9d0, #74a8c9, #7da7c2, #85a6bc, #8ca5b5, #93a3ae, #9aa2a7

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

- คู่ตรงข้าม: #4aabe3, #d98c4f
- คู่ตรงข้ามแยก: #4aabe3, #e28176, #c19b39
- ข้างเคียง: #4aabe3, #00b5c7, #7f9ded
- สามเส้า: #4aabe3, #dd7fa1, #9baa4b
- สี่เหลี่ยมผืนผ้า: #4aabe3, #a98fe3, #d98c4f, #9baa4b
- สี่เหลี่ยมจัตุรัส: #4aabe3, #c984c8, #d98c4f, #69b574
- โทนสีเดียว: #4aabe3, #006195, #1985bb, #73d2ff, #cdf4ff

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

### #4aabe3 คือสีอะไร

#4aabe3 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(74, 171, 227) ใน HSL คือ hsl(201.96, 73.21%, 59.02%) และใน OKLCH คือ oklch(70.714% 0.12185 237.425)

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

สีตรงข้ามของ #4aabe3 คือ #d98c4f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00b5c7 และ #7f9ded ส่วนสีสามเส้าคือ #dd7fa1 และ #9baa4b

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

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

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

#4aabe3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 237 องศา ความสว่าง 70.7% และความสด 0.122