#03117D

#03117D

Color Values

HEX

#03117D

RGB

3, 17, 125

HSL

233.1, 95.3%, 25.1%

HSV

233.1, 97.6%, 49.0%

CMYK

97.6%, 86.4%, 0.0%, 51.0%

OKLCH

0.2838 0.173 265.0

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#03117D

#7D6F03

Analogous

#034E7D

#32037D

#03117D

Triadic

#03117D

#7D0311

#117D03

Split Complementary

#03117D

#7D3203

#4E7D03

Tetradic

#03117D

#7D034E

#7D6F03

#037D32

Color Blindness Simulation

Original

#03117D

Protanopia

#090963

Deuteranopia

#08075D

Tritanopia

#044E4A

Achromatopsia

#161616

CSS Usage

background-color: #03117D;
color: #03117D;
border-color: #03117D;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F3FE
100
#DFE2FC
200
#B9C1FD
300
#8795FC
400
#475BFB
500
#0622F9
600
#051BC7
700
#04169F
800
#03117D
900
#07105A
950
#040A39

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

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