#22485D

#22485D

Color Values

HEX

#22485D

RGB

34, 72, 93

HSL

201.4, 46.5%, 24.9%

HSV

201.4, 63.4%, 36.5%

CMYK

63.4%, 22.6%, 0.0%, 63.5%

OKLCH

0.3835 0.0562 235.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#22485D

#5D3722

Analogous

#225D55

#222A5D

#22485D

Triadic

#22485D

#5D2248

#485D22

Split Complementary

#22485D

#5D222A

#5D5522

Tetradic

#22485D

#55225D

#5D3722

#2A5D22

Color Blindness Simulation

Original

#22485D

Protanopia

#323358

Deuteranopia

#302D57

Tritanopia

#245453

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBE0EC
300
#A5CADE
400
#75ADCD
500
#4490BB
600
#377495
700
#2C5C78
800
#22485D
900
#1C3645
950
#12222B

Contrast Checker

Text on white

9.75:1

AA Pass AAA Pass

Text on black

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