# สี #7ecbc5: โทนละมุน เฉดอ่อนของสีเขียวหัวเป็ด

#7ecbc5 คือ rgb(126, 203, 197) ใน RGB และ oklch(79.05% 0.07692 189.403) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ecbc5 |
| RGB | rgb(126, 203, 197) |
| HSL | hsl(175.32, 42.54%, 64.51%) |
| HSB / HSV | hsv(175.32 37.93% 79.61%) |
| HWB | hwb(175.32 49.41% 20.39%) |
| CMYK | cmyk(38% 0% 3% 20%) |
| Lab | lab(76.58 -25.89 -4.93) |
| LCH | lch(76.58 26.36 190.79) |
| OKLab | oklab(79.05% -0.07589 -0.01257) |
| OKLCH | oklch(79.05% 0.07692 189.403) |
| Display P3 | color(display-p3 0.56353 0.78837 0.77059) |
| Rec. 2020 | color(rec2020 0.58763 0.75425 0.74483) |
| Adobe RGB | color(a98-rgb 0.59508 0.79104 0.76821) |
| ProPhoto RGB | color(prophoto-rgb 0.58935 0.72309 0.72246) |
| sRGB เชิงเส้น | color(srgb-linear 0.20864 0.5972 0.55834) |
| XYZ D65 | color(xyz-d65 0.40036 0.51177 0.60594) |
| XYZ D50 | color(xyz-d50 0.40088 0.50839 0.45959) |
| SwiftUI | Color(red: 0.494, green: 0.796, blue: 0.773) |
| UIKit | UIColor(red: 0.494, green: 0.796, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF7ECBC5) |
| Android XML | #7ECBC5 |

## ข้อมูล

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

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

#7ecbc5, #8cd0cb, #9ad6d0, #a7dbd6, #b4e0dc, #c1e5e2, #cdeae7, #daf0ed, #e6f5f3, #f3faf9

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

#7ecbc5, #6db0ab, #5c9692, #4c7d79, #3c6561, #2d4d4b, #1f3735, #112221, #050f0e, #010202

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

#7ecbc5, #85c9c4, #8cc8c3, #93c6c2, #99c5c1, #9fc3c0, #a5c1bf, #abc0be, #b0bebd, #b5bcbc

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

- คู่ตรงข้าม: #7ecbc5, #e7a7b0
- คู่ตรงข้ามแยก: #7ecbc5, #dda8cb, #e7aa96
- ข้างเคียง: #7ecbc5, #90caa9, #81c7dd
- สามเส้า: #7ecbc5, #c9aee1, #dbb285
- สี่เหลี่ยมผืนผ้า: #7ecbc5, #95bfeb, #e7a7b0, #dbb285
- สี่เหลี่ยมจัตุรัส: #7ecbc5, #b0b6ec, #e7a7b0, #c6bc82
- โทนสีเดียว: #7ecbc5, #31807b, #58a59f, #a5f3ec, #b8ffff

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

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

#7ecbc5 เป็นโทนละมุน เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(126, 203, 197) ใน HSL คือ hsl(175.32, 42.54%, 64.51%) และใน OKLCH คือ oklch(79.05% 0.07692 189.403)

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

สีตรงข้ามของ #7ecbc5 คือ #e7a7b0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #90caa9 และ #81c7dd ส่วนสีสามเส้าคือ #c9aee1 และ #dbb285

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

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

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

#7ecbc5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 189 องศา ความสว่าง 79.1% และความสด 0.077