#04223B

#04223B

Color Values

HEX

#04223B

RGB

4, 34, 59

HSL

207.3, 87.3%, 12.4%

HSV

207.3, 93.2%, 23.1%

CMYK

93.2%, 42.4%, 0.0%, 76.9%

OKLCH

0.2453 0.0592 247.8

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#04223B

#3B1D04

Analogous

#043B39

#04073B

#04223B

Triadic

#04223B

#3B0422

#223B04

Split Complementary

#04223B

#3B0407

#3B3904

Tetradic

#04223B

#39043B

#3B1D04

#073B04

Color Blindness Simulation

Original

#04223B

Protanopia

#111135

Deuteranopia

#0F0D34

Tritanopia

#06302F

Achromatopsia

#1D1D1D

CSS Usage

background-color: #04223B;
color: #04223B;
border-color: #04223B;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFA
300
#8CC7F7
400
#4EA8F3
500
#108AEF
600
#0D6EBF
700
#0A5899
800
#084577
900
#0A3457
950
#072137

Contrast Checker

Text on white

16.19:1

AA Pass AAA Pass

Text on black

1.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026