#070C77

#070C77

Color Values

HEX

#070C77

RGB

7, 12, 119

HSL

237,3, 88,9%, 24,7%

HSV

237,3, 94,1%, 46,7%

CMYK

94,1%, 89,9%, 0,0%, 53,3%

OKLCH

0,2716 0,1685 266,4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#070C77

#777207

Analogous

#074477

#3A0777

#070C77

Triadic

#070C77

#77070C

#0C7707

Split Complementary

#070C77

#773A07

#447707

Tetradic

#070C77

#770744

#777207

#07773A

Color Blindness Simulation

Original

#070C77

Protanopia

#09095D

Deuteranopia

#090857

Tritanopia

#074944

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BCBEFB
300
#8B90F8
400
#4D54F5
500
#0E18F1
600
#0B13C1
700
#09109A
800
#070C78
900
#0A0D57
950
#060837

Contrast Checker

Text on white

15,81:1

AA Pass AAA Pass

Text on black

1,33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026