#7EC7CA

#7EC7CA

Color Values

HEX

#7EC7CA

RGB

126, 199, 202

HSL

182.4, 41.8%, 64.3%

HSV

182.4, 37.6%, 79.2%

CMYK

37.6%, 1.5%, 0.0%, 20.8%

OKLCH

0.783 0.073 199.1

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7EC7CA

#CA817E

Analogous

#7ECAA7

#7EA1CA

#7EC7CA

Triadic

#7EC7CA

#CA7EC7

#C7CA7E

Split Complementary

#7EC7CA

#CA7EA1

#CAA77E

Tetradic

#7EC7CA

#A77ECA

#CA817E

#A1CA7E

Color Blindness Simulation

Original

#7EC7CA

Protanopia

#9E9EC9

Deuteranopia

#9994C9

Tritanopia

#82C9C9

Achromatopsia

#B8B8B8

CSS Usage

background-color: #7EC7CA;
color: #7EC7CA;
border-color: #7EC7CA;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CCE9EA
300
#A8D9DB
400
#79C5C8
500
#4AB1B5
600
#3B8D91
700
#2F7174
800
#25585A
900
#1E4143
950
#13292A

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.91: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