#031D39

#031D39

Color Values

HEX

#031D39

RGB

3, 29, 57

HSL

211.1, 90.0%, 11.8%

HSV

211.1, 94.7%, 22.4%

CMYK

94.7%, 49.1%, 0.0%, 77.6%

OKLCH

0.229 0.063 252.6

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#031D39

#391F03

Analogous

#033839

#040339

#031D39

Triadic

#031D39

#39031D

#1D3903

Split Complementary

#031D39

#390403

#383903

Tetradic

#031D39

#390338

#391F03

#033904

Color Blindness Simulation

Original

#031D39

Protanopia

#0E0E32

Deuteranopia

#0D0B31

Tritanopia

#042D2C

Achromatopsia

#191919

CSS Usage

background-color: #031D39;
color: #031D39;
border-color: #031D39;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFB
300
#8BC0F9
400
#4C9EF6
500
#0D7BF2
600
#0A63C2
700
#084F9B
800
#063E79
900
#092F58
950
#061E37

Contrast Checker

Text on white

16.95:1

AA Pass AAA Pass

Text on black

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