#22555D

#22555D

Color Values

HEX

#22555D

RGB

34, 85, 93

HSL

188.1, 46.5%, 24.9%

HSV

188.1, 63.4%, 36.5%

CMYK

63.4%, 8.6%, 0.0%, 63.5%

OKLCH

0.4186 0.0555 209.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#22555D

#5D2A22

Analogous

#225D47

#22385D

#22555D

Triadic

#22555D

#5D2255

#555D22

Split Complementary

#22555D

#5D2238

#5D4722

Tetradic

#22555D

#47225D

#5D2A22

#385D22

Color Blindness Simulation

Original

#22555D

Protanopia

#38395B

Deuteranopia

#35315B

Tritanopia

#255A59

Achromatopsia

#4B4B4B

CSS Usage

background-color: #22555D;
color: #22555D;
border-color: #22555D;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CBE7EC
300
#A5D7DE
400
#75C1CD
500
#44ABBB
600
#378995
700
#2C6D78
800
#22555D
900
#1C3F45
950
#12282B

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

2.53:1

AA Fail AAA Fail

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