#071228

#071228

Color Values

HEX

#071228

RGB

7, 18, 40

HSL

220.0, 70.2%, 9.2%

HSV

220.0, 82.5%, 15.7%

CMYK

82.5%, 55.0%, 0.0%, 84.3%

OKLCH

0.1862 0.0479 262.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#071228

#281D07

Analogous

#072228

#0C0728

#071228

Triadic

#071228

#280712

#122807

Split Complementary

#071228

#280C07

#222807

Tetradic

#071228

#280722

#281D07

#07280C

Color Blindness Simulation

Original

#071228

Protanopia

#0C0C23

Deuteranopia

#0B0A21

Tritanopia

#081E1E

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D3F4
300
#97B3ED
400
#5E8BE3
500
#2662D9
600
#1E4EAE
700
#183F8B
800
#13316D
900
#12264F
950
#0B1832

Contrast Checker

Text on white

18.65:1

AA Pass AAA Pass

Text on black

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