#10031F

#10031F

Color Values

HEX

#10031F

RGB

16, 3, 31

HSL

267.9, 82.4%, 6.7%

HSV

267.9, 90.3%, 12.2%

CMYK

48.4%, 90.3%, 0.0%, 87.8%

OKLCH

0.1474 0.0608 302.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#10031F

#121F03

Analogous

#03041F

#1E031F

#10031F

Triadic

#10031F

#1F1003

#031F10

Split Complementary

#10031F

#1F1E03

#041F03

Tetradic

#10031F

#1F0304

#121F03

#031F1E

Color Blindness Simulation

Original

#10031F

Protanopia

#0A0A18

Deuteranopia

#0B0C17

Tritanopia

#0F1312

Achromatopsia

#080808

CSS Usage

background-color: #10031F;
color: #10031F;
border-color: #10031F;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F7F2FD
100
#ECE1FA
200
#D9BEF9
300
#BE8FF4
400
#9B53EE
500
#7816E9
600
#6012BA
700
#4D0E95
800
#3C0B74
900
#2E0D54
950
#1D0835

Contrast Checker

Text on white

19.91:1

AA Pass AAA Pass

Text on black

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