#223C5E

#223C5E

Color Values

HEX

#223C5E

RGB

34, 60, 94

HSL

214.0, 46.9%, 25.1%

HSV

214.0, 63.8%, 36.9%

CMYK

63.8%, 36.2%, 0.0%, 63.1%

OKLCH

0.3528 0.0678 255.7

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#223C5E

#5E4422

Analogous

#225A5E

#26225E

#223C5E

Triadic

#223C5E

#5E223C

#3C5E22

Split Complementary

#223C5E

#5E2622

#5A5E22

Tetradic

#223C5E

#5E225A

#5E4422

#225E26

Color Blindness Simulation

Original

#223C5E

Protanopia

#2D2D56

Deuteranopia

#2C2A54

Tritanopia

#234F4E

Achromatopsia

#393939

CSS Usage

background-color: #223C5E;
color: #223C5E;
border-color: #223C5E;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBD9EC
300
#A5BEDF
400
#749BCD
500
#4478BB
600
#366096
700
#2B4C78
800
#223C5E
900
#1C2E45
950
#121D2C

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

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