#22345D

#22345D

Color Values

HEX

#22345D

RGB

34, 52, 93

HSL

221.7, 46.5%, 24.9%

HSV

221.7, 63.4%, 36.5%

CMYK

63.4%, 44.1%, 0.0%, 63.5%

OKLCH

0.3321 0.0764 264.7

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#22345D

#5D4B22

Analogous

#22525D

#2D225D

#22345D

Triadic

#22345D

#5D2234

#345D22

Split Complementary

#22345D

#5D2D22

#525D22

Tetradic

#22345D

#5D2252

#5D4B22

#225D2D

Color Blindness Simulation

Original

#22345D

Protanopia

#2A2A53

Deuteranopia

#292751

Tritanopia

#234B4A

Achromatopsia

#333333

CSS Usage

background-color: #22345D;
color: #22345D;
border-color: #22345D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD5EC
300
#A5B7DE
400
#7590CD
500
#4468BB
600
#375495
700
#2C4378
800
#22345D
900
#1C2945
950
#121A2B

Contrast Checker

Text on white

12.23:1

AA Pass AAA Pass

Text on black

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