#10177F

#10177F

Color Values

HEX

#10177F

RGB

16, 23, 127

HSL

236,2, 77,6%, 28,0%

HSV

236,2, 87,4%, 49,8%

CMYK

87,4%, 81,9%, 0,0%, 50,2%

OKLCH

0,2985 0,1673 268,2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#10177F

#7F7810

Analogous

#104E7F

#40107F

#10177F

Triadic

#10177F

#7F1017

#177F10

Split Complementary

#10177F

#7F4010

#4E7F10

Tetradic

#10177F

#7F104E

#7F7810

#107F40

Color Blindness Simulation

Original

#10177F

Protanopia

#131366

Deuteranopia

#131260

Tritanopia

#10524E

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C3F7
300
#9298F1
400
#5761EA
500
#1D29E2
600
#1721B5
700
#121A91
800
#0E1571
900
#0F1352
950
#090C34

Contrast Checker

Text on white

14,47:1

AA Pass AAA Pass

Text on black

1,45: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