#7AD8E2

#7AD8E2

Color Values

HEX

#7AD8E2

RGB

122, 216, 226

HSL

185.8, 64.2%, 68.2%

HSV

185.8, 46.0%, 88.6%

CMYK

46.0%, 4.4%, 0.0%, 11.4%

OKLCH

0.8278 0.0904 204.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#7AD8E2

#E2847A

Analogous

#7AE2B8

#7AA4E2

#7AD8E2

Triadic

#7AD8E2

#E27AD8

#D8E27A

Split Complementary

#7AD8E2

#E27AA4

#E2B87A

Tetradic

#7AD8E2

#B87AE2

#E2847A

#A4E27A

Color Blindness Simulation

Original

#7AD8E2

Protanopia

#A3A4E0

Deuteranopia

#9D96DF

Tritanopia

#7FDEDD

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EEF2
300
#9BE1E9
400
#64D2DD
500
#2EC2D1
600
#259BA7
700
#1D7C86
800
#176169
900
#14474C
950
#0D2D30

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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