#031C38

#031C38

Color Values

HEX

#031C38

RGB

3, 28, 56

HSL

211.7, 89.8%, 11.6%

HSV

211.7, 94.6%, 22.0%

CMYK

94.6%, 50.0%, 0.0%, 78.0%

OKLCH

0.2254 0.0628 253.2

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#031C38

#381F03

Analogous

#033738

#050338

#031C38

Triadic

#031C38

#38031C

#1C3803

Split Complementary

#031C38

#380503

#373803

Tetradic

#031C38

#380337

#381F03

#033805

Color Blindness Simulation

Original

#031C38

Protanopia

#0E0E31

Deuteranopia

#0C0A30

Tritanopia

#042C2B

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFB
200
#BBD9FB
300
#8BBFF9
400
#4C9CF5
500
#0D79F2
600
#0A61C2
700
#084D9B
800
#073D79
900
#092E58
950
#061D37

Contrast Checker

Text on white

17.11:1

AA Pass AAA Pass

Text on black

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