#7AE7E4

#7AE7E4

Color Values

HEX

#7AE7E4

RGB

122, 231, 228

HSL

178.3, 69.4%, 69.2%

HSV

178.3, 47.2%, 90.6%

CMYK

47.2%, 0.0%, 1.3%, 9.4%

OKLCH

0.8626 0.1009 193.1

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#7AE7E4

#E77A7D

Analogous

#7AE7AD

#7AB4E7

#7AE7E4

Triadic

#7AE7E4

#E47AE7

#E7E47A

Split Complementary

#7AE7E4

#E77AB4

#E7AD7A

Tetradic

#7AE7E4

#AD7AE7

#E77A7D

#B4E77A

Color Blindness Simulation

Original

#7AE7E4

Protanopia

#A9AAE5

Deuteranopia

#A39BE5

Tritanopia

#7FE5E5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F3
300
#97ECEA
400
#5FE2DE
500
#27D8D3
600
#1FADA9
700
#198A87
800
#146C69
900
#124F4D
950
#0B3231

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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