#031C2A

#031C2A

Color Values

HEX

#031C2A

RGB

3, 28, 42

HSL

201.5, 86.7%, 8.8%

HSV

201.5, 92.9%, 16.5%

CMYK

92.9%, 33.3%, 0.0%, 83.5%

OKLCH

0.2149 0.0417 236.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#031C2A

#2A1103

Analogous

#032A24

#03082A

#031C2A

Triadic

#031C2A

#2A031C

#1C2A03

Split Complementary

#031C2A

#2A0308

#2A2403

Tetradic

#031C2A

#24032A

#2A1103

#082A03

Color Blindness Simulation

Original

#031C2A

Protanopia

#0E0E27

Deuteranopia

#0C0A26

Tritanopia

#042423

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BCE4FA
300
#8DD1F7
400
#4FB8F2
500
#119FEE
600
#0E7FBE
700
#0B6698
800
#084F77
900
#0B3B56
950
#072536

Contrast Checker

Text on white

17.45:1

AA Pass AAA Pass

Text on black

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