#031E31

#031E31

Color Values

HEX

#031E31

RGB

3, 30, 49

HSL

204.8, 88.5%, 10.2%

HSV

204.8, 93.9%, 19.2%

CMYK

93.9%, 38.8%, 0.0%, 80.8%

OKLCH

0.2258 0.0495 242.9

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#031E31

#311603

Analogous

#03312D

#030731

#031E31

Triadic

#031E31

#31031E

#1E3103

Split Complementary

#031E31

#310307

#312D03

Tetradic

#031E31

#2D0331

#311603

#073103

Color Blindness Simulation

Original

#031E31

Protanopia

#0F0F2C

Deuteranopia

#0D0B2B

Tritanopia

#042928

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BCE1FB
300
#8CCBF8
400
#4DAFF4
500
#0F93F0
600
#0C76C0
700
#095E9A
800
#074A78
900
#0A3757
950
#062337

Contrast Checker

Text on white

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