#14031F

#14031F

Color Values

HEX

#14031F

RGB

20, 3, 31

HSL

276.4, 82.4%, 6.7%

HSV

276.4, 90.3%, 12.2%

CMYK

35.5%, 90.3%, 0.0%, 87.8%

OKLCH

0.1541 0.0622 310.2

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#14031F

#0E1F03

Analogous

#06031F

#1F031C

#14031F

Triadic

#14031F

#1F1403

#031F14

Split Complementary

#14031F

#1C1F03

#031F06

Tetradic

#14031F

#1F0603

#0E1F03

#031C1F

Color Blindness Simulation

Original

#14031F

Protanopia

#0D0C18

Deuteranopia

#0E0F17

Tritanopia

#131312

Achromatopsia

#090909

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1FA
200
#E2BEF9
300
#CD8FF4
400
#B153EE
500
#9616E9
600
#7812BA
700
#600E95
800
#4B0B74
900
#380D54
950
#230835

Contrast Checker

Text on white

19.76:1

AA Pass AAA Pass

Text on black

1.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026