#7ADDF1

#7ADDF1

Color Values

HEX

#7ADDF1

RGB

122, 221, 241

HSL

190.1, 81.0%, 71.2%

HSV

190.1, 49.4%, 94.5%

CMYK

49.4%, 8.3%, 0.0%, 5.5%

OKLCH

0.8443 0.097 212.3

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#7ADDF1

#F18E7A

Analogous

#7AF1CA

#7AA2F1

#7ADDF1

Triadic

#7ADDF1

#F17ADD

#DDF17A

Split Complementary

#7ADDF1

#F17AA2

#F1CA7A

Tetradic

#7ADDF1

#CA7AF1

#F18E7A

#A2F17A

Color Blindness Simulation

Original

#7ADDF1

Protanopia

#A5A6EC

Deuteranopia

#9F98EB

Tritanopia

#7FE8E8

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5F9
200
#BEEEF8
300
#90E3F3
400
#54D3ED
500
#18C4E7
600
#139DB9
700
#107D94
800
#0C6273
900
#0D4854
950
#082D35

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026