# สี #76a5b2: โทนตุ่น สีฟ้า

#76a5b2 คือ rgb(118, 165, 178) ใน RGB และ oklch(69.295% 0.05368 216.794) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #76a5b2 |
| RGB | rgb(118, 165, 178) |
| HSL | hsl(193, 28.04%, 58.04%) |
| HSB / HSV | hsv(193 33.71% 69.8%) |
| HWB | hwb(193 46.27% 30.2%) |
| CMYK | cmyk(34% 7% 0% 30%) |
| Lab | lab(64.73 -13.89 -12.08) |
| LCH | lch(64.73 18.41 221.02) |
| OKLab | oklab(69.295% -0.04298 -0.03215) |
| OKLCH | oklch(69.295% 0.05368 216.794) |
| Display P3 | color(display-p3 0.5019 0.642 0.6913) |
| Rec. 2020 | color(rec2020 0.497 0.59793 0.6564) |
| Adobe RGB | color(a98-rgb 0.51937 0.64117 0.69013) |
| ProPhoto RGB | color(prophoto-rgb 0.49565 0.56603 0.62783) |
| sRGB เชิงเส้น | color(srgb-linear 0.18116 0.37626 0.4452) |
| XYZ D65 | color(xyz-d65 0.28961 0.33975 0.47153) |
| XYZ D50 | color(xyz-d50 0.28762 0.33703 0.35697) |
| SwiftUI | Color(red: 0.463, green: 0.647, blue: 0.698) |
| UIKit | UIColor(red: 0.463, green: 0.647, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF76A5B2) |
| Android XML | #76A5B2 |

## ข้อมูล

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

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

#76a5b2, #84aeba, #91b7c1, #9fbfc9, #acc8d0, #bad1d8, #c8dae0, #d5e3e8, #e3edef, #f1f6f7

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

#76a5b2, #668f9a, #567983, #47656d, #385157, #293d43, #1c2b2f, #0f1a1d, #050a0c, #010101

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

#76a5b2, #7aa4b0, #7fa3ae, #83a3ab, #87a2a9, #8aa1a7, #8ea0a5, #929fa3, #959ea1, #999d9e

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

- คู่ตรงข้าม: #76a5b2, #bb9185
- คู่ตรงข้ามแยก: #76a5b2, #ba8f97, #b39679
- ข้างเคียง: #76a5b2, #76a7a2, #82a0bc
- สามเส้า: #76a5b2, #b390a9, #a59d77
- สี่เหลี่ยมผืนผ้า: #76a5b2, #939abe, #bb9185, #a59d77
- สี่เหลี่ยมจัตุรัส: #76a5b2, #a594b7, #bb9185, #93a37f
- โทนสีเดียว: #76a5b2, #305e6a, #52808d, #9bcbd9, #c1f3ff

## คำถามเกี่ยวกับ #76a5b2

### #76a5b2 คือสีอะไร

#76a5b2 เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(118, 165, 178) ใน HSL คือ hsl(193, 28.04%, 58.04%) และใน OKLCH คือ oklch(69.295% 0.05368 216.794)

### สีอะไรเข้ากับ #76a5b2

สีตรงข้ามของ #76a5b2 คือ #bb9185 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #76a7a2 และ #82a0bc ส่วนสีสามเส้าคือ #b390a9 และ #a59d77

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

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

### #76a5b2 เป็นสีโทนร้อนหรือโทนเย็น

#76a5b2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 217 องศา ความสว่าง 69.3% และความสด 0.054