#7EC4B4

#7EC4B4

Color Values

HEX

#7EC4B4

RGB

126, 196, 180

HSL

166.3, 37.2%, 63.1%

HSV

166.3, 35.7%, 76.9%

CMYK

35.7%, 0.0%, 8.2%, 23.1%

OKLCH

0.7692 0.0746 178.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7EC4B4

#C47E8E

Analogous

#7EC491

#7EB1C4

#7EC4B4

Triadic

#7EC4B4

#B47EC4

#C4B47E

Split Complementary

#7EC4B4

#C47EB1

#C4917E

Tetradic

#7EC4B4

#917EC4

#C47E8E

#B1C47E

Color Blindness Simulation

Original

#7EC4B4

Protanopia

#9C9DB8

Deuteranopia

#9893B9

Tritanopia

#82BBBC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CEE9E3
300
#ABD9CE
400
#7EC4B4
500
#50AF99
600
#408C7B
700
#337062
800
#28574D
900
#204139
950
#142924

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026