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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7bb5d4 |
| RGB | rgb(123, 181, 212) |
| HSL | hsl(200.9, 50.86%, 65.69%) |
| HSB / HSV | hsv(200.9 41.98% 83.14%) |
| HWB | hwb(200.9 48.24% 16.86%) |
| CMYK | cmyk(42% 15% 0% 17%) |
| Lab | lab(70.54 -13.48 -22.02) |
| LCH | lch(70.54 25.82 238.52) |
| OKLab | oklab(74.453% -0.0457 -0.05949) |
| OKLCH | oklch(74.453% 0.07502 232.466) |
| Display P3 | color(display-p3 0.53208 0.70373 0.81887) |
| Rec. 2020 | color(rec2020 0.54489 0.66514 0.7959) |
| Adobe RGB | color(a98-rgb 0.5544 0.70395 0.82228) |
| ProPhoto RGB | color(prophoto-rgb 0.55803 0.63506 0.77191) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.46208 0.65837) |
| XYZ D65 | color(xyz-d65 0.36574 0.42011 0.68471) |
| XYZ D50 | color(xyz-d50 0.35854 0.41524 0.51776) |
| SwiftUI | Color(red: 0.482, green: 0.71, blue: 0.831) |
| UIKit | UIColor(red: 0.482, green: 0.71, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF7BB5D4) |
| Android XML | #7BB5D4 |

## ข้อมูล

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

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

#7bb5d4, #89bcd8, #96c4dd, #a3cbe1, #b0d3e6, #bddaea, #cbe1ee, #d8e9f2, #e5f0f7, #f2f8fb

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

#7bb5d4, #6a9db8, #5a869d, #4a6f83, #3a5969, #2c4451, #1e303a, #101d24, #050c10, #010202

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

#7bb5d4, #81b4d0, #86b3cc, #8bb3c8, #91b2c4, #95b1c0, #9ab0bc, #9fafb8, #a3aeb4, #a8adb0

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

- คู่ตรงข้าม: #7bb5d4, #d39f80
- คู่ตรงข้ามแยก: #7bb5d4, #d89a97, #c4a875
- ข้างเคียง: #7bb5d4, #70bbc1, #93addc
- สามเส้า: #7bb5d4, #d299b1, #adb27a
- สี่เหลี่ยมผืนผ้า: #7bb5d4, #ada4d8, #d39f80, #adb27a
- สี่เหลี่ยมจัตุรัส: #7bb5d4, #c39dc8, #d39f80, #91b98d
- โทนสีเดียว: #7bb5d4, #326c88, #5690ad, #a1dcfc, #dafbff

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

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

#7bb5d4 เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(123, 181, 212) ใน HSL คือ hsl(200.9, 50.86%, 65.69%) และใน OKLCH คือ oklch(74.453% 0.07502 232.466)

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

สีตรงข้ามของ #7bb5d4 คือ #d39f80 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #70bbc1 และ #93addc ส่วนสีสามเส้าคือ #d299b1 และ #adb27a

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

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

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

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