#070692

#070692

Color Values

HEX

#070692

RGB

7, 6, 146

HSL

240.4, 92.1%, 29.8%

HSV

240.4, 95.9%, 57.3%

CMYK

95.2%, 95.9%, 0.0%, 42.7%

OKLCH

0.3048 0.2021 265.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#070692

#919206

Analogous

#064B92

#4D0692

#070692

Triadic

#070692

#920706

#069207

Split Complementary

#070692

#924D06

#4B9206

Tetradic

#070692

#92064B

#919206

#06924D

Color Blindness Simulation

Original

#070692

Protanopia

#070770

Deuteranopia

#070768

Tritanopia

#075550

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFC
300
#8A89FA
400
#4B4AF8
500
#0C0AF5
600
#0908C4
700
#07069D
800
#06057A
900
#090859
950
#060538

Contrast Checker

Text on white

14.48:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026