#070689

#070689

Color Values

HEX

#070689

RGB

7, 6, 137

HSL

240.5, 91.6%, 28.0%

HSV

240.5, 95.6%, 53.7%

CMYK

94.9%, 95.6%, 0.0%, 46.3%

OKLCH

0.292 0.1923 265.9

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#070689

#888906

Analogous

#064689

#480689

#070689

Triadic

#070689

#890706

#068907

Split Complementary

#070689

#894806

#468906

Tetradic

#070689

#890646

#888906

#068948

Color Blindness Simulation

Original

#070689

Protanopia

#070769

Deuteranopia

#070762

Tritanopia

#07504B

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBBFC
300
#8B8AFA
400
#4C4AF7
500
#0D0BF4
600
#0A09C3
700
#08079C
800
#06057A
900
#090958
950
#060538

Contrast Checker

Text on white

15.04:1

AA Pass AAA Pass

Text on black

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