#7EC4B8

#7EC4B8

Color Values

HEX

#7EC4B8

RGB

126, 196, 184

HSL

169.7, 37.2%, 63.1%

HSV

169.7, 35.7%, 76.9%

CMYK

35.7%, 0.0%, 6.1%, 23.1%

OKLCH

0.7704 0.0729 182.3

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7EC4B8

#C47E8A

Analogous

#7EC495

#7EADC4

#7EC4B8

Triadic

#7EC4B8

#B87EC4

#C4B87E

Split Complementary

#7EC4B8

#C47EAD

#C4957E

Tetradic

#7EC4B8

#957EC4

#C47E8A

#ADC47E

Color Blindness Simulation

Original

#7EC4B8

Protanopia

#9C9DBB

Deuteranopia

#9893BC

Tritanopia

#82BDBE

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7EC4B8;
color: #7EC4B8;
border-color: #7EC4B8;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE9E4
300
#ABD9D1
400
#7EC4B8
500
#50AF9F
600
#408C7F
700
#337066
800
#28574F
900
#20413B
950
#142925

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.48:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026