#070C28

#070C28

Color Values

HEX

#070C28

RGB

7, 12, 40

HSL

230.9, 70.2%, 9.2%

HSV

230.9, 82.5%, 15.7%

CMYK

82.5%, 70.0%, 0.0%, 84.3%

OKLCH

0.17 0.0576 270.9

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#070C28

#282307

Analogous

#071C28

#120728

#070C28

Triadic

#070C28

#28070C

#0C2807

Split Complementary

#070C28

#281207

#1C2807

Tetradic

#070C28

#28071C

#282307

#072812

Color Blindness Simulation

Original

#070C28

Protanopia

#090921

Deuteranopia

#090820

Tritanopia

#071C1B

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E2E6F8
200
#C2CAF4
300
#97A4ED
400
#5E73E3
500
#2641D9
600
#1E34AE
700
#182A8B
800
#13216D
900
#121B4F
950
#0B1132

Contrast Checker

Text on white

19.23:1

AA Pass AAA Pass

Text on black

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