#21AADE

#21AADE

Color Values

HEX

#21AADE

RGB

33, 170, 222

HSL

196.5, 74.1%, 50.0%

HSV

196.5, 85.1%, 87.1%

CMYK

85.1%, 23.4%, 0.0%, 12.9%

OKLCH

0.6929 0.1316 230.4

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#21AADE

#DE5521

Analogous

#21DEB3

#214CDE

#21AADE

Triadic

#21AADE

#DE21AA

#AADE21

Split Complementary

#21AADE

#DE214C

#DEB321

Tetradic

#21AADE

#B321DE

#DE5521

#4CDE21

Color Blindness Simulation

Original

#21AADE

Protanopia

#5C5ED1

Deuteranopia

#544ACE

Tritanopia

#28C7C5

Achromatopsia

#919191

CSS Usage

background-color: #21AADE;
color: #21AADE;
border-color: #21AADE;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3FAFC
100
#E2F2F8
200
#C1E7F6
300
#94D6EF
400
#5BC0E7
500
#21AADE
600
#1A88B2
700
#156D8E
800
#11556F
900
#103F51
950
#0A2833

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.87:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026