#070D78

#070D78

Color Values

HEX

#070D78

RGB

7, 13, 120

HSL

236.8, 89.0%, 24.9%

HSV

236.8, 94.2%, 47.1%

CMYK

94.2%, 89.2%, 0.0%, 52.9%

OKLCH

0.274 0.169 266.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#070D78

#787207

Analogous

#074678

#390778

#070D78

Triadic

#070D78

#78070D

#0D7807

Split Complementary

#070D78

#783907

#467807

Tetradic

#070D78

#780746

#787207

#077839

Color Blindness Simulation

Original

#070D78

Protanopia

#0A0A5E

Deuteranopia

#090958

Tritanopia

#074A45

Achromatopsia

#131313

CSS Usage

background-color: #070D78;
color: #070D78;
border-color: #070D78;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BCBFFB
300
#8B91F8
400
#4D56F5
500
#0E1AF1
600
#0B15C1
700
#09119A
800
#070D78
900
#0A0E57
950
#060937

Contrast Checker

Text on white

15.7:1

AA Pass AAA Pass

Text on black

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