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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7bb5cd |
| RGB | rgb(123, 181, 205) |
| HSL | hsl(197.56, 45.05%, 64.31%) |
| HSB / HSV | hsv(197.56 40% 80.39%) |
| HWB | hwb(197.56 48.24% 19.61%) |
| CMYK | cmyk(40% 12% 0% 20%) |
| Lab | lab(70.34 -14.92 -18.51) |
| LCH | lch(70.34 23.77 231.14) |
| OKLab | oklab(74.184% -0.0483 -0.04975) |
| OKLCH | oklch(74.184% 0.06934 225.847) |
| Display P3 | color(display-p3 0.53208 0.70373 0.7934) |
| Rec. 2020 | color(rec2020 0.54291 0.66472 0.76811) |
| Adobe RGB | color(a98-rgb 0.5544 0.70395 0.79536) |
| ProPhoto RGB | color(prophoto-rgb 0.55205 0.63398 0.74316) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.46208 0.6105) |
| XYZ D65 | color(xyz-d65 0.3571 0.41665 0.6392) |
| XYZ D50 | color(xyz-d50 0.35169 0.41233 0.48357) |
| SwiftUI | Color(red: 0.482, green: 0.71, blue: 0.804) |
| UIKit | UIColor(red: 0.482, green: 0.71, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF7BB5CD) |
| Android XML | #7BB5CD |

## ข้อมูล

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

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

#7bb5cd, #89bcd2, #96c4d7, #a3cbdc, #b0d2e1, #bddae6, #cbe1eb, #d8e9f0, #e5f0f5, #f2f8fa

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

#7bb5cd, #6a9db2, #5a8698, #4a6f7e, #3a5966, #2c444e, #1e3038, #101d23, #050c0f, #010202

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

#7bb5cd, #81b4ca, #86b3c6, #8bb2c3, #90b1c0, #95b0bc, #9aafb9, #9eaeb6, #a3adb2, #a7acaf

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

- คู่ตรงข้าม: #7bb5cd, #d19e87
- คู่ตรงข้ามแยก: #7bb5cd, #d49a9d, #c5a67a
- ข้างเคียง: #7bb5cd, #75b9ba, #8faed7
- สามเส้า: #7bb5cd, #cc9ab5, #b1af7b
- สี่เหลี่ยมผืนผ้า: #7bb5cd, #a7a6d6, #d19e87, #b1af7b
- สี่เหลี่ยมจัตุรัส: #7bb5cd, #bd9ec9, #d19e87, #98b68a
- โทนสีเดียว: #7bb5cd, #326c82, #5690a7, #a1dcf5, #d5fcff

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

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

#7bb5cd เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(123, 181, 205) ใน HSL คือ hsl(197.56, 45.05%, 64.31%) และใน OKLCH คือ oklch(74.184% 0.06934 225.847)

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

สีตรงข้ามของ #7bb5cd คือ #d19e87 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #75b9ba และ #8faed7 ส่วนสีสามเส้าคือ #cc9ab5 และ #b1af7b

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

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

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

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