#7AD7E2

#7AD7E2

Color Values

HEX

#7AD7E2

RGB

122, 215, 226

HSL

186.3, 64.2%, 68.2%

HSV

186.3, 46.0%, 88.6%

CMYK

46.0%, 4.9%, 0.0%, 11.4%

OKLCH

0.8255 0.0899 205.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#7AD7E2

#E2857A

Analogous

#7AE2B9

#7AA3E2

#7AD7E2

Triadic

#7AD7E2

#E27AD7

#D7E27A

Split Complementary

#7AD7E2

#E27AA3

#E2B97A

Tetradic

#7AD7E2

#B97AE2

#E2857A

#A3E27A

Color Blindness Simulation

Original

#7AD7E2

Protanopia

#A2A3DF

Deuteranopia

#9D96DF

Tritanopia

#7FDDDD

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF2
300
#9BE1E9
400
#64D1DD
500
#2EC0D1
600
#259AA7
700
#1D7B86
800
#176069
900
#14474C
950
#0D2D30

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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