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

#7cb4b4 คือ rgb(124, 180, 180) ใน RGB และ oklch(73.133% 0.05835 195.95) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7cb4b4 |
| RGB | rgb(124, 180, 180) |
| HSL | hsl(180, 27.18%, 59.61%) |
| HSB / HSV | hsv(180 31.11% 70.59%) |
| HWB | hwb(180 48.63% 29.41%) |
| CMYK | cmyk(31% 0% 0% 29%) |
| Lab | lab(69.45 -18.94 -6.18) |
| LCH | lch(69.45 19.92 198.06) |
| OKLab | oklab(73.133% -0.0561 -0.01603) |
| OKLCH | oklch(73.133% 0.05835 195.95) |
| Display P3 | color(display-p3 0.53393 0.69997 0.70285) |
| Rec. 2020 | color(rec2020 0.53682 0.65952 0.66988) |
| Adobe RGB | color(a98-rgb 0.55521 0.70001 0.70001) |
| ProPhoto RGB | color(prophoto-rgb 0.53239 0.62679 0.64338) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.45641 0.45641) |
| XYZ D65 | color(xyz-d65 0.3287 0.40222 0.49213) |
| XYZ D50 | color(xyz-d50 0.32898 0.39971 0.37304) |
| SwiftUI | Color(red: 0.486, green: 0.706, blue: 0.706) |
| UIKit | UIColor(red: 0.486, green: 0.706, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF7CB4B4) |
| Android XML | #7CB4B4 |

## ข้อมูล

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

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

#7cb4b4, #89bbbb, #97c3c3, #a4caca, #b1d2d1, #bed9d9, #cbe1e0, #d8e8e8, #e5f0f0, #f2f7f7

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

#7cb4b4, #6b9c9c, #5a8585, #4a6e6e, #3b5858, #2c4444, #1e3030, #111d1d, #050c0c, #010202

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

#7cb4b4, #81b3b3, #86b2b2, #8bb1b0, #8fafaf, #94aeae, #98adad, #9cacac, #a0aaaa, #a4a9a9

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

- คู่ตรงข้าม: #7cb4b4, #ca9a9c
- คู่ตรงข้ามแยก: #7cb4b4, #c49ab0, #c89d8a
- ข้างเคียง: #7cb4b4, #85b4a0, #81b0c4
- สามเส้า: #7cb4b4, #b79dc1, #bea47f
- สี่เหลี่ยมผืนผ้า: #7cb4b4, #90aacd, #ca9a9c, #bea47f
- สี่เหลี่ยมจัตุรัส: #7cb4b4, #a4a3cc, #ca9a9c, #adab80
- โทนสีเดียว: #7cb4b4, #346b6c, #588f8f, #a2dbdb, #c8ffff

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

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

#7cb4b4 เป็นโทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(124, 180, 180) ใน HSL คือ hsl(180, 27.18%, 59.61%) และใน OKLCH คือ oklch(73.133% 0.05835 195.95)

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

สีตรงข้ามของ #7cb4b4 คือ #ca9a9c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #85b4a0 และ #81b0c4 ส่วนสีสามเส้าคือ #b79dc1 และ #bea47f

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

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

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

#7cb4b4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 196 องศา ความสว่าง 73.1% และความสด 0.058