#070B98

#070B98

Color Values

HEX

#070B98

RGB

7, 11, 152

HSL

238.3, 91.2%, 31.2%

HSV

238.3, 95.4%, 59.6%

CMYK

95.4%, 92.8%, 0.0%, 40.4%

OKLCH

0.3167 0.2063 265.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#070B98

#989407

Analogous

#075498

#4B0798

#070B98

Triadic

#070B98

#98070B

#0B9807

Split Complementary

#070B98

#984B07

#549807

Tetradic

#070B98

#980754

#989407

#07984B

Color Blindness Simulation

Original

#070B98

Protanopia

#090976

Deuteranopia

#08086E

Tritanopia

#075B55

Achromatopsia

#141414

CSS Usage

background-color: #070B98;
color: #070B98;
border-color: #070B98;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8A8DFA
400
#4B4FF7
500
#0B12F4
600
#090EC3
700
#070B9C
800
#06097A
900
#090B58
950
#050738

Contrast Checker

Text on white

13.9:1

AA Pass AAA Pass

Text on black

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