# สี #7bc5be: โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด

#7bc5be คือ rgb(123, 197, 190) ใน RGB และ oklch(77.304% 0.07474 188.102) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7bc5be |
| RGB | rgb(123, 197, 190) |
| HSL | hsl(174.32, 38.95%, 62.75%) |
| HSB / HSV | hsv(174.32 37.56% 77.25%) |
| HWB | hwb(174.32 48.24% 22.75%) |
| CMYK | cmyk(38% 0% 4% 23%) |
| Lab | lab(74.54 -25.29 -4.17) |
| LCH | lch(74.54 25.63 189.36) |
| OKLab | oklab(77.304% -0.07399 -0.01053) |
| OKLCH | oklch(77.304% 0.07474 188.102) |
| Display P3 | color(display-p3 0.54881 0.76512 0.74363) |
| Rec. 2020 | color(rec2020 0.56858 0.72888 0.71517) |
| Adobe RGB | color(a98-rgb 0.57903 0.76721 0.74064) |
| ProPhoto RGB | color(prophoto-rgb 0.56825 0.69663 0.69142) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.55834 0.51492) |
| XYZ D65 | color(xyz-d65 0.37427 0.4786 0.55983) |
| XYZ D50 | color(xyz-d50 0.37509 0.47555 0.42466) |
| SwiftUI | Color(red: 0.482, green: 0.773, blue: 0.745) |
| UIKit | UIColor(red: 0.482, green: 0.773, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF7BC5BE) |
| Android XML | #7BC5BE |

## ข้อมูล

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

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

#7bc5be, #89cbc4, #97d1cb, #a5d6d1, #b2dcd8, #bfe2de, #cce8e5, #d9eeeb, #e5f3f2, #f2f9f8

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

#7bc5be, #6aaba5, #5a928c, #4a7975, #3a615e, #2c4b48, #1e3533, #10211f, #050e0d, #010202

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

#7bc5be, #82c4bd, #89c2bc, #8fc0bb, #95bfba, #9bbdb9, #a1bcb9, #a6bab8, #abb8b7, #b0b7b6

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

- คู่ตรงข้าม: #7bc5be, #e0a2ac
- คู่ตรงข้ามแยก: #7bc5be, #d5a3c6, #e0a593
- ข้างเคียง: #7bc5be, #8dc4a3, #7dc1d5
- สามเส้า: #7bc5be, #c2a9da, #d5ad82
- สี่เหลี่ยมผืนผ้า: #7bc5be, #90bae3, #e0a2ac, #d5ad82
- สี่เหลี่ยมจัตุรัส: #7bc5be, #aab1e5, #e0a2ac, #c1b67f
- โทนสีเดียว: #7bc5be, #2e7b75, #559f99, #a1ece5, #bbffff

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

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

#7bc5be เป็นโทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(123, 197, 190) ใน HSL คือ hsl(174.32, 38.95%, 62.75%) และใน OKLCH คือ oklch(77.304% 0.07474 188.102)

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

สีตรงข้ามของ #7bc5be คือ #e0a2ac หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8dc4a3 และ #7dc1d5 ส่วนสีสามเส้าคือ #c2a9da และ #d5ad82

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

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

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

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