# สี #7aa9bc: โทนตุ่น เฉดอ่อนของสีฟ้า

#7aa9bc คือ rgb(122, 169, 188) ใน RGB และ oklch(70.8% 0.05729 224.95) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7aa9bc |
| RGB | rgb(122, 169, 188) |
| HSL | hsl(197.27, 33%, 60.78%) |
| HSB / HSV | hsv(197.27 35.11% 73.73%) |
| HWB | hwb(197.27 47.84% 26.27%) |
| CMYK | cmyk(35% 10% 0% 26%) |
| Lab | lab(66.38 -12.72 -15.12) |
| LCH | lch(66.38 19.75 229.93) |
| OKLab | oklab(70.8% -0.04054 -0.04047) |
| OKLCH | oklch(70.8% 0.05729 224.95) |
| Display P3 | color(display-p3 0.5174 0.65766 0.72869) |
| Rec. 2020 | color(rec2020 0.51514 0.6153 0.69705) |
| Adobe RGB | color(a98-rgb 0.53453 0.65682 0.72867) |
| ProPhoto RGB | color(prophoto-rgb 0.51672 0.58406 0.66913) |
| sRGB เชิงเส้น | color(srgb-linear 0.19462 0.39676 0.50289) |
| XYZ D65 | color(xyz-d65 0.31289 0.36143 0.52906) |
| XYZ D50 | color(xyz-d50 0.30963 0.35821 0.40034) |
| SwiftUI | Color(red: 0.478, green: 0.663, blue: 0.737) |
| UIKit | UIColor(red: 0.478, green: 0.663, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF7AA9BC) |
| Android XML | #7AA9BC |

## ข้อมูล

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

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

#7aa9bc, #87b1c3, #94bac9, #a2c2d0, #afcbd7, #bcd3dd, #c9dce4, #d7e5eb, #e4edf1, #f1f6f8

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

#7aa9bc, #6992a3, #597c8b, #496773, #3a535d, #2b3f47, #1d2c32, #101b1f, #050a0d, #010102

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

#7aa9bc, #7ea8b9, #83a7b7, #87a7b4, #8ba6b1, #8fa5ae, #92a4ac, #96a3a9, #9aa3a6, #9da2a3

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

- คู่ตรงข้าม: #7aa9bc, #c09684
- คู่ตรงข้ามแยก: #7aa9bc, #c29395, #b69c79
- ข้างเคียง: #7aa9bc, #76adac, #89a3c5
- สามเส้า: #7aa9bc, #bc93a9, #a6a37a
- สี่เหลี่ยมผืนผ้า: #7aa9bc, #9d9cc4, #c09684, #a6a37a
- สี่เหลี่ยมจัตุรัส: #7aa9bc, #af97ba, #c09684, #92a985
- โทนสีเดียว: #7aa9bc, #346173, #568496, #9fcfe3, #c6f7ff

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

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

#7aa9bc เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(122, 169, 188) ใน HSL คือ hsl(197.27, 33%, 60.78%) และใน OKLCH คือ oklch(70.8% 0.05729 224.95)

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

สีตรงข้ามของ #7aa9bc คือ #c09684 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #76adac และ #89a3c5 ส่วนสีสามเส้าคือ #bc93a9 และ #a6a37a

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

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

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

#7aa9bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 70.8% และความสด 0.057