#22BDD3

#22BDD3

Color Values

HEX

#22BDD3

RGB

34, 189, 211

HSL

187.5, 72.2%, 48.0%

HSV

187.5, 83.9%, 82.7%

CMYK

83.9%, 10.4%, 0.0%, 17.3%

OKLCH

0.7338 0.1214 210.1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#22BDD3

#D33822

Analogous

#22D390

#2264D3

#22BDD3

Triadic

#22BDD3

#D322BD

#BDD322

Split Complementary

#22BDD3

#D32264

#D39022

Tetradic

#22BDD3

#9022D3

#D33822

#64D322

Color Blindness Simulation

Original

#22BDD3

Protanopia

#6566CE

Deuteranopia

#5C50CC

Tritanopia

#2AC9C9

Achromatopsia

#9E9E9E

CSS Usage

background-color: #22BDD3;
color: #22BDD3;
border-color: #22BDD3;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C2EFF5
300
#96E3EE
400
#5DD4E5
500
#23C5DC
600
#1C9DB0
700
#177E8D
800
#12626E
900
#114850
950
#0B2E32

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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