#222D3F

#222D3F

Color Values

HEX

#222D3F

RGB

34, 45, 63

HSL

217.2, 29.9%, 19.0%

HSV

217.2, 46.0%, 24.7%

CMYK

46.0%, 28.6%, 0.0%, 75.3%

OKLCH

0.2955 0.0364 260.1

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#222D3F

#3F3422

Analogous

#223B3F

#25223F

#222D3F

Triadic

#222D3F

#3F222D

#2D3F22

Split Complementary

#222D3F

#3F2522

#3B3F22

Tetradic

#222D3F

#3F223B

#3F3422

#223F25

Color Blindness Simulation

Original

#222D3F

Protanopia

#27273B

Deuteranopia

#26253A

Tritanopia

#233736

Achromatopsia

#2C2C2C

CSS Usage

background-color: #222D3F;
color: #222D3F;
border-color: #222D3F;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#B0BDD4
400
#849ABD
500
#5976A6
600
#485F84
700
#394C6A
800
#2D3B53
900
#232D3D
950
#161D27

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

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