#222F5D

#222F5D

Color Values

HEX

#222F5D

RGB

34, 47, 93

HSL

226.8, 46.5%, 24.9%

HSV

226.8, 63.4%, 36.5%

CMYK

63.4%, 49.5%, 0.0%, 63.5%

OKLCH

0.3201 0.0835 269.4

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#222F5D

#5D5022

Analogous

#224C5D

#33225D

#222F5D

Triadic

#222F5D

#5D222F

#2F5D22

Split Complementary

#222F5D

#5D3322

#4C5D22

Tetradic

#222F5D

#5D224C

#5D5022

#225D33

Color Blindness Simulation

Original

#222F5D

Protanopia

#282852

Deuteranopia

#27264F

Tritanopia

#234947

Achromatopsia

#303030

CSS Usage

background-color: #222F5D;
color: #222F5D;
border-color: #222F5D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CBD2EC
300
#A5B2DE
400
#7588CD
500
#445EBB
600
#374B95
700
#2C3C78
800
#222F5D
900
#1C2545
950
#12172B

Contrast Checker

Text on white

12.86:1

AA Pass AAA Pass

Text on black

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