#04313B

#04313B

Color Values

HEX

#04313B

RGB

4, 49, 59

HSL

190.9, 87.3%, 12.4%

HSV

190.9, 93.2%, 23.1%

CMYK

93.2%, 16.9%, 0.0%, 76.9%

OKLCH

0.2897 0.0489 216.9

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#04313B

#3B0E04

Analogous

#043B2A

#04163B

#04313B

Triadic

#04313B

#3B0431

#313B04

Split Complementary

#04313B

#3B0416

#3B2A04

Tetradic

#04313B

#2A043B

#3B0E04

#163B04

Color Blindness Simulation

Original

#04313B

Protanopia

#171839

Deuteranopia

#151238

Tritanopia

#063736

Achromatopsia

#282828

CSS Usage

background-color: #04313B;
color: #04313B;
border-color: #04313B;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BCEFFA
300
#8CE4F7
400
#4ED5F3
500
#10C6EF
600
#0D9FBF
700
#0A7F99
800
#086377
900
#0A4957
950
#072E37

Contrast Checker

Text on white

13.93:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026