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

#7ba5cd คือ rgb(123, 165, 205) ใน RGB และ oklch(70.639% 0.07451 247.695) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ba5cd |
| RGB | rgb(123, 165, 205) |
| HSL | hsl(209.27, 45.05%, 64.31%) |
| HSB / HSV | hsv(209.27 40% 80.39%) |
| HWB | hwb(209.27 48.24% 19.61%) |
| CMYK | cmyk(40% 20% 0% 20%) |
| Lab | lab(65.81 -6.96 -25.35) |
| LCH | lch(65.81 26.29 254.64) |
| OKLab | oklab(70.639% -0.02828 -0.06894) |
| OKLCH | oklch(70.639% 0.07451 247.695) |
| Display P3 | color(display-p3 0.51658 0.64244 0.78969) |
| Rec. 2020 | color(rec2020 0.51522 0.60056 0.7631) |
| Adobe RGB | color(a98-rgb 0.53127 0.64117 0.79324) |
| ProPhoto RGB | color(prophoto-rgb 0.52624 0.57154 0.73602) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.37626 0.6105) |
| XYZ D65 | color(xyz-d65 0.32641 0.35528 0.62897) |
| XYZ D50 | color(xyz-d50 0.31864 0.35081 0.47524) |
| SwiftUI | Color(red: 0.482, green: 0.647, blue: 0.804) |
| UIKit | UIColor(red: 0.482, green: 0.647, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF7BA5CD) |
| Android XML | #7BA5CD |

## ข้อมูล

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

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

#7ba5cd, #88aed2, #95b7d7, #a2c0dc, #afc9e2, #bcd2e7, #c9dbec, #d7e4f0, #e4edf5, #f1f6fa

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

#7ba5cd, #6a8fb2, #5a7998, #4a657e, #3a5166, #2c3d4e, #1e2b38, #101a23, #050a0f, #010102

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

#7ba5cd, #7fa5c9, #83a4c4, #87a4c0, #8ba3bb, #8fa3b7, #92a3b2, #96a2ae, #99a1a9, #9da1a5

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

- คู่ตรงข้าม: #7ba5cd, #c0986e
- คู่ตรงข้ามแยก: #7ba5cd, #ca917f, #ada16b
- ข้างเคียง: #7ba5cd, #68acbf, #959ccf
- สามเส้า: #7ba5cd, #ca8d98, #93aa77
- สี่เหลี่ยมผืนผ้า: #7ba5cd, #ad94c5, #c0986e, #93aa77
- สี่เหลี่ยมจัตุรัส: #7ba5cd, #bf8fb1, #c0986e, #78af8e
- โทนสีเดียว: #7ba5cd, #365d82, #5880a7, #a0cbf5, #d4f1ff

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

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

#7ba5cd เป็นโทนตุ่น เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(123, 165, 205) ใน HSL คือ hsl(209.27, 45.05%, 64.31%) และใน OKLCH คือ oklch(70.639% 0.07451 247.695)

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

สีตรงข้ามของ #7ba5cd คือ #c0986e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #68acbf และ #959ccf ส่วนสีสามเส้าคือ #ca8d98 และ #93aa77

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

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

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

#7ba5cd เป็นสีโทนเย็น ใน OKLCH มีฮิว 248 องศา ความสว่าง 70.6% และความสด 0.075