#01157F

#01157F

Color Values

HEX

#01157F

RGB

1, 21, 127

HSL

230.5, 98.4%, 25.1%

HSV

230.5, 99.2%, 49.8%

CMYK

99.2%, 83.5%, 0.0%, 50.2%

OKLCH

0.2908 0.1726 264.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#01157F

#7F6B01

Analogous

#01547F

#2C017F

#01157F

Triadic

#01157F

#7F0115

#157F01

Split Complementary

#01157F

#7F2C01

#547F01

Tetradic

#01157F

#7F0154

#7F6B01

#017F2C

Color Blindness Simulation

Original

#01157F

Protanopia

#0A0A65

Deuteranopia

#08075F

Tritanopia

#02514D

Achromatopsia

#181818

CSS Usage

background-color: #01157F;
color: #01157F;
border-color: #01157F;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C3FE
300
#8699FE
400
#4461FD
500
#022AFD
600
#0221CA
700
#011BA2
800
#01157E
900
#06135B
950
#040C3A

Contrast Checker

Text on white

14.84:1

AA Pass AAA Pass

Text on black

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