#031828

#031828

Color Values

HEX

#031828

RGB

3, 24, 40

HSL

205.9, 86.0%, 8.4%

HSV

205.9, 92.5%, 15.7%

CMYK

92.5%, 40.0%, 0.0%, 84.3%

OKLCH

0.2011 0.0427 243.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#031828

#281303

Analogous

#032825

#030628

#031828

Triadic

#031828

#280318

#182803

Split Complementary

#031828

#280306

#282503

Tetradic

#031828

#250328

#281303

#062803

Color Blindness Simulation

Original

#031828

Protanopia

#0C0C24

Deuteranopia

#0B0923

Tritanopia

#042120

Achromatopsia

#151515

CSS Usage

background-color: #031828;
color: #031828;
border-color: #031828;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDDFFA
300
#8DC9F6
400
#50ACF2
500
#128EED
600
#0E72BE
700
#0B5B98
800
#094777
900
#0B3656
950
#072236

Contrast Checker

Text on white

18.02:1

AA Pass AAA Pass

Text on black

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