#070AB2

#070AB2

Color Values

HEX

#070AB2

RGB

7, 10, 178

HSL

238.9, 92.4%, 36.3%

HSV

238.9, 96.1%, 69.8%

CMYK

96.1%, 94.4%, 0.0%, 30.2%

OKLCH

0.3522 0.2342 265.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#070AB2

#B2AF07

Analogous

#0760B2

#5907B2

#070AB2

Triadic

#070AB2

#B2070A

#0AB207

Split Complementary

#070AB2

#B25907

#60B207

Tetradic

#070AB2

#B20760

#B2AF07

#07B259

Color Blindness Simulation

Original

#070AB2

Protanopia

#080889

Deuteranopia

#080880

Tritanopia

#076962

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFC
300
#898BFA
400
#494DF8
500
#0A0EF5
600
#080BC4
700
#06099D
800
#05077B
900
#080A59
950
#050638

Contrast Checker

Text on white

12.39:1

AA Pass AAA Pass

Text on black

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