#031F3B

#031F3B

Color Values

HEX

#031F3B

RGB

3, 31, 59

HSL

210.0, 90.3%, 12.2%

HSV

210.0, 94.9%, 23.1%

CMYK

94.9%, 47.5%, 0.0%, 76.9%

OKLCH

0.2363 0.0635 251.4

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#031F3B

#3B1F03

Analogous

#033B3B

#03033B

#031F3B

Triadic

#031F3B

#3B031F

#1F3B03

Split Complementary

#031F3B

#3B0303

#3B3B03

Tetradic

#031F3B

#3B033B

#3B1F03

#033B03

Color Blindness Simulation

Original

#031F3B

Protanopia

#0F0F34

Deuteranopia

#0E0B33

Tritanopia

#042F2E

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDBFC
300
#8BC2F9
400
#4BA1F6
500
#0C80F3
600
#0A66C2
700
#08529B
800
#064079
900
#093058
950
#061F37

Contrast Checker

Text on white

16.63:1

AA Pass AAA Pass

Text on black

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