#7AEFF0

#7AEFF0

Color Values

HEX

#7AEFF0

RGB

122, 239, 240

HSL

180.5, 79.7%, 71.0%

HSV

180.5, 49.2%, 94.1%

CMYK

49.2%, 0.4%, 0.0%, 5.9%

OKLCH

0.8846 0.1063 196.1

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#7AEFF0

#F07B7A

Analogous

#7AF0B6

#7AB4F0

#7AEFF0

Triadic

#7AEFF0

#F07AEF

#EFF07A

Split Complementary

#7AEFF0

#F07AB4

#F0B67A

Tetradic

#7AEFF0

#B67AF0

#F07B7A

#B4F07A

Color Blindness Simulation

Original

#7AEFF0

Protanopia

#ADAEF0

Deuteranopia

#A69DF0

Tritanopia

#80F0F0

Achromatopsia

#D6D6D6

CSS Usage

background-color: #7AEFF0;
color: #7AEFF0;
border-color: #7AEFF0;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BFF7F8
300
#91F2F3
400
#55EBEC
500
#1AE3E5
600
#15B6B7
700
#119293
800
#0D7273
900
#0E5353
950
#093435

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.43:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026