#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026