#22ACDD

#22ACDD

Color Values

HEX

#22ACDD

RGB

34, 172, 221

HSL

195.7, 73.3%, 50.0%

HSV

195.7, 84.6%, 86.7%

CMYK

84.6%, 22.2%, 0.0%, 13.3%

OKLCH

0.6973 0.1297 228.6

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#22ACDD

#DD5322

Analogous

#22DDB0

#224FDD

#22ACDD

Triadic

#22ACDD

#DD22AC

#ACDD22

Split Complementary

#22ACDD

#DD224F

#DDB022

Tetradic

#22ACDD

#B022DD

#DD5322

#4FDD22

Color Blindness Simulation

Original

#22ACDD

Protanopia

#5E5FD1

Deuteranopia

#564BCE

Tritanopia

#29C8C6

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E2F2F8
200
#C1E8F5
300
#95D7EF
400
#5BC2E6
500
#22ACDD
600
#1B8AB1
700
#166E8D
800
#11566E
900
#104050
950
#0A2833

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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