#7FE4DE

#7FE4DE

Color Values

HEX

#7FE4DE

RGB

127, 228, 222

HSL

176.4, 65.2%, 69.6%

HSV

176.4, 44.3%, 89.4%

CMYK

44.3%, 0.0%, 2.6%, 10.6%

OKLCH

0.8559 0.0955 190.5

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#7FE4DE

#E47F85

Analogous

#7FE4AB

#7FB8E4

#7FE4DE

Triadic

#7FE4DE

#DE7FE4

#E4DE7F

Split Complementary

#7FE4DE

#E47FB8

#E4AB7F

Tetradic

#7FE4DE

#AB7FE4

#E47F85

#B8E47F

Color Blindness Simulation

Original

#7FE4DE

Protanopia

#ABACDF

Deuteranopia

#A59DE0

Tritanopia

#84E1E1

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3F0
300
#9AEAE5
400
#63DED7
500
#2CD3C9
600
#23A9A1
700
#1C8780
800
#166964
900
#144D49
950
#0D312E

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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