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

#7bb4cc คือ rgb(123, 180, 204) ใน RGB และ oklch(73.923% 0.0686 226.244) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7bb4cc |
| RGB | rgb(123, 180, 204) |
| HSL | hsl(197.78, 44.26%, 64.12%) |
| HSB / HSV | hsv(197.78 39.71% 80%) |
| HWB | hwb(197.78 48.24% 20%) |
| CMYK | cmyk(40% 12% 0% 20%) |
| Lab | lab(70.03 -14.63 -18.43) |
| LCH | lch(70.03 23.54 231.56) |
| OKLab | oklab(73.923% -0.04744 -0.04955) |
| OKLCH | oklch(73.923% 0.0686 226.244) |
| Display P3 | color(display-p3 0.53107 0.69989 0.78952) |
| Rec. 2020 | color(rec2020 0.54085 0.66063 0.76382) |
| Adobe RGB | color(a98-rgb 0.55291 0.70001 0.79138) |
| ProPhoto RGB | color(prophoto-rgb 0.54953 0.62986 0.73862) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.45641 0.60383) |
| XYZ D65 | color(xyz-d65 0.35387 0.41212 0.63219) |
| XYZ D50 | color(xyz-d50 0.34855 0.40787 0.47826) |
| SwiftUI | Color(red: 0.482, green: 0.706, blue: 0.8) |
| UIKit | UIColor(red: 0.482, green: 0.706, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF7BB4CC) |
| Android XML | #7BB4CC |

## ข้อมูล

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

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

#7bb4cc, #89bbd1, #96c3d6, #a3cadb, #b0d2e1, #bdd9e6, #cae1eb, #d8e8f0, #e5f0f5, #f2f7fa

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

#7bb4cc, #6a9cb1, #5a8597, #4a6e7e, #3a5865, #2c444e, #1e3037, #101d22, #050c0f, #010202

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

#7bb4cc, #81b3c9, #86b2c5, #8bb1c2, #90b0bf, #95b0bb, #99afb8, #9eaeb5, #a2adb1, #a6abae

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

- คู่ตรงข้าม: #7bb4cc, #d09e86
- คู่ตรงข้ามแยก: #7bb4cc, #d2999c, #c4a57a
- ข้างเคียง: #7bb4cc, #75b8b9, #8fadd6
- สามเส้า: #7bb4cc, #cb99b4, #b0ae7b
- สี่เหลี่ยมผืนผ้า: #7bb4cc, #a6a5d5, #d09e86, #b0ae7b
- สี่เหลี่ยมจัตุรัส: #7bb4cc, #bc9ec8, #d09e86, #97b58a
- โทนสีเดียว: #7bb4cc, #336b81, #578fa6, #a1dbf4, #d5fcff

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

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

#7bb4cc เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(123, 180, 204) ใน HSL คือ hsl(197.78, 44.26%, 64.12%) และใน OKLCH คือ oklch(73.923% 0.0686 226.244)

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

สีตรงข้ามของ #7bb4cc คือ #d09e86 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #75b8b9 และ #8fadd6 ส่วนสีสามเส้าคือ #cb99b4 และ #b0ae7b

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

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

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

#7bb4cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 226 องศา ความสว่าง 73.9% และความสด 0.069