#010672

#010672

Color Values

HEX

#010672

RGB

1, 6, 114

HSL

237.3, 98.3%, 22.5%

HSV

237.3, 99.1%, 44.7%

CMYK

99.1%, 94.7%, 0.0%, 55.3%

OKLCH

0.2562 0.1684 264.6

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#010672

#726D01

Analogous

#013E72

#340172

#010672

Triadic

#010672

#720106

#067201

Split Complementary

#010672

#723401

#3E7201

Tetradic

#010672

#72013E

#726D01

#017234

Color Blindness Simulation

Original

#010672

Protanopia

#030358

Deuteranopia

#030252

Tritanopia

#01433F

Achromatopsia

#0D0D0D

CSS Usage

background-color: #010672;
color: #010672;
border-color: #010672;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BBFE
300
#868BFE
400
#444CFD
500
#020DFD
600
#020BCA
700
#0109A2
800
#01077E
900
#06095B
950
#04063A

Contrast Checker

Text on white

16.53:1

AA Pass AAA Pass

Text on black

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