#071C33

#071C33

Color Values

HEX

#071C33

RGB

7, 28, 51

HSL

211.4, 75.9%, 11.4%

HSV

211.4, 86.3%, 20.0%

CMYK

86.3%, 45.1%, 0.0%, 80.0%

OKLCH

0.2235 0.0525 252.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#071C33

#331E07

Analogous

#073233

#080733

#071C33

Triadic

#071C33

#33071C

#1C3307

Split Complementary

#071C33

#330807

#323307

Tetradic

#071C33

#330732

#331E07

#073308

Color Blindness Simulation

Original

#071C33

Protanopia

#10102D

Deuteranopia

#0F0D2C

Tritanopia

#082928

Achromatopsia

#191919

CSS Usage

background-color: #071C33;
color: #071C33;
border-color: #071C33;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DAF6
300
#93C0F0
400
#599DE8
500
#1F7BE0
600
#1962B3
700
#144F90
800
#0F3D70
900
#0F2F52
950
#0A1E34

Contrast Checker

Text on white

17.17:1

AA Pass AAA Pass

Text on black

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