#7ECBA8

#7ECBA8

Color Values

HEX

#7ECBA8

RGB

126, 203, 168

HSL

152.7, 42.5%, 64.5%

HSV

152.7, 37.9%, 79.6%

CMYK

37.9%, 0.0%, 17.2%, 20.4%

OKLCH

0.7822 0.0921 163.7

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7ECBA8

#CB7EA1

Analogous

#7ECB81

#7EC7CB

#7ECBA8

Triadic

#7ECBA8

#A87ECB

#CBA87E

Split Complementary

#7ECBA8

#CB7EC7

#CB817E

Tetradic

#7ECBA8

#817ECB

#CB7EA1

#C7CB7E

Color Blindness Simulation

Original

#7ECBA8

Protanopia

#9FA0B0

Deuteranopia

#9B95B2

Tritanopia

#82B7B9

Achromatopsia

#B8B8B8

CSS Usage

background-color: #7ECBA8;
color: #7ECBA8;
border-color: #7ECBA8;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEADD
300
#A8DCC4
400
#79C9A4
500
#49B684
600
#3B916A
700
#2F7455
800
#255B42
900
#1E4332
950
#132A20

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.99:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026