#7EE9BA

#7EE9BA

Color Values

HEX

#7EE9BA

RGB

126, 233, 186

HSL

153.6, 70.9%, 70.4%

HSV

153.6, 45.9%, 91.4%

CMYK

45.9%, 0.0%, 20.2%, 8.6%

OKLCH

0.8569 0.1207 163.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7EE9BA

#E97EAD

Analogous

#7EE984

#7EE3E9

#7EE9BA

Triadic

#7EE9BA

#BA7EE9

#E9BA7E

Split Complementary

#7EE9BA

#E97EE3

#E9847E

Tetradic

#7EE9BA

#847EE9

#E97EAD

#E3E97E

Color Blindness Simulation

Original

#7EE9BA

Protanopia

#ACADC5

Deuteranopia

#A69EC8

Tritanopia

#83CED0

Achromatopsia

#CFCFCF

CSS Usage

background-color: #7EE9BA;
color: #7EE9BA;
border-color: #7EE9BA;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C2F5DE
300
#96EDC7
400
#5EE4A9
500
#25DA8A
600
#1EAE6F
700
#188B59
800
#136D45
900
#124F34
950
#0B3221

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.25:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026