#031B31

#031B31

Color Values

HEX

#031B31

RGB

3, 27, 49

HSL

208.7, 88.5%, 10.2%

HSV

208.7, 93.9%, 19.2%

CMYK

93.9%, 44.9%, 0.0%, 80.8%

OKLCH

0.2169 0.053 248.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#031B31

#311903

Analogous

#033130

#030431

#031B31

Triadic

#031B31

#31031B

#1B3103

Split Complementary

#031B31

#310304

#313003

Tetradic

#031B31

#300331

#311903

#043103

Color Blindness Simulation

Original

#031B31

Protanopia

#0D0E2C

Deuteranopia

#0C0A2A

Tritanopia

#042727

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDDFB
300
#8CC4F8
400
#4DA4F4
500
#0F84F0
600
#0C6AC0
700
#09559A
800
#074278
900
#0A3257
950
#062037

Contrast Checker

Text on white

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