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

#7aa4cf คือ rgb(122, 164, 207) ใน RGB และ oklch(70.445% 0.07816 249.572) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7aa4cf |
| RGB | rgb(122, 164, 207) |
| HSL | hsl(210.35, 46.96%, 64.51%) |
| HSB / HSV | hsv(210.35 41.06% 81.18%) |
| HWB | hwb(210.35 47.84% 18.82%) |
| CMYK | cmyk(41% 21% 0% 19%) |
| Lab | lab(65.53 -6.32 -26.88) |
| LCH | lch(65.53 27.61 256.77) |
| OKLab | oklab(70.445% -0.02728 -0.07324) |
| OKLCH | oklch(70.445% 0.07816 249.572) |
| Display P3 | color(display-p3 0.51269 0.63852 0.79675) |
| Rec. 2020 | color(rec2020 0.51195 0.5965 0.77075) |
| Adobe RGB | color(a98-rgb 0.52747 0.63726 0.80082) |
| ProPhoto RGB | color(prophoto-rgb 0.52476 0.56775 0.7438) |
| sRGB เชิงเส้น | color(srgb-linear 0.19462 0.37124 0.62396) |
| XYZ D65 | color(xyz-d65 0.32562 0.35193 0.64111) |
| XYZ D50 | color(xyz-d50 0.31712 0.34726 0.48432) |
| SwiftUI | Color(red: 0.478, green: 0.643, blue: 0.812) |
| UIKit | UIColor(red: 0.478, green: 0.643, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF7AA4CF) |
| Android XML | #7AA4CF |

## ข้อมูล

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

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

#7aa4cf, #87add4, #94b6d9, #a1bfde, #aec8e3, #bcd1e8, #c9daec, #d6e3f1, #e4edf6, #f1f6fa

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

#7aa4cf, #698eb4, #597999, #49647f, #3a5067, #2b3d4f, #1d2b38, #101a23, #050a10, #010102

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

#7aa4cf, #7ea4ca, #82a3c6, #86a3c1, #8aa3bc, #8ea2b8, #91a2b3, #95a1ae, #99a1a9, #9ca0a5

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

- คู่ตรงข้าม: #7aa4cf, #c0976a
- คู่ตรงข้ามแยก: #7aa4cf, #cb8f7b, #aba167
- ข้างเคียง: #7aa4cf, #64acc1, #959bd0
- สามเส้า: #7aa4cf, #cb8c95, #90aa76
- สี่เหลี่ยมผืนผ้า: #7aa4cf, #ae93c5, #c0976a, #90aa76
- สี่เหลี่ยมจัตุรัส: #7aa4cf, #c18db0, #c0976a, #74af8f
- โทนสีเดียว: #7aa4cf, #355c83, #577fa8, #9fcaf7, #d4f0ff

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

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

#7aa4cf เป็นโทนตุ่น เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(122, 164, 207) ใน HSL คือ hsl(210.35, 46.96%, 64.51%) และใน OKLCH คือ oklch(70.445% 0.07816 249.572)

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

สีตรงข้ามของ #7aa4cf คือ #c0976a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #64acc1 และ #959bd0 ส่วนสีสามเส้าคือ #cb8c95 และ #90aa76

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

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

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

#7aa4cf เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 70.4% และความสด 0.078
