#22ADDD

#22ADDD

Color Values

HEX

#22ADDD

RGB

34, 173, 221

HSL

195.4, 73.3%, 50.0%

HSV

195.4, 84.6%, 86.7%

CMYK

84.6%, 21.7%, 0.0%, 13.3%

OKLCH

0.6997 0.1293 227.9

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#22ADDD

#DD5222

Analogous

#22DDAF

#2250DD

#22ADDD

Triadic

#22ADDD

#DD22AD

#ADDD22

Split Complementary

#22ADDD

#DD2250

#DDAF22

Tetradic

#22ADDD

#AF22DD

#DD5222

#50DD22

Color Blindness Simulation

Original

#22ADDD

Protanopia

#5E5FD1

Deuteranopia

#564CCF

Tritanopia

#29C8C6

Achromatopsia

#939393

CSS Usage

background-color: #22ADDD;
color: #22ADDD;
border-color: #22ADDD;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3FAFC
100
#E2F3F8
200
#C1E8F5
300
#95D8EF
400
#5BC2E6
500
#22ADDD
600
#1B8AB1
700
#166F8D
800
#11566E
900
#104050
950
#0A2833

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026