#170B33

#170B33

Color Values

HEX

#170B33

RGB

23, 11, 51

HSL

258.0, 64.5%, 12.2%

HSV

258.0, 78.4%, 20.0%

CMYK

54.9%, 78.4%, 0.0%, 80.0%

OKLCH

0.1955 0.0746 291.8

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#170B33

#27330B

Analogous

#0B1333

#2B0B33

#170B33

Triadic

#170B33

#33170B

#0B3317

Split Complementary

#170B33

#332B0B

#13330B

Tetradic

#170B33

#330B13

#27330B

#0B332B

Color Blindness Simulation

Original

#170B33

Protanopia

#121229

Deuteranopia

#121327

Tritanopia

#162220

Achromatopsia

#101010

CSS Usage

background-color: #170B33;
color: #170B33;
border-color: #170B33;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F6F3FC
100
#E9E3F7
200
#D2C4F2
300
#B29AE9
400
#8864DE
500
#5F2DD2
600
#4C24A8
700
#3D1D86
800
#2F1769
900
#25144D
950
#170D30

Contrast Checker

Text on white

18.55:1

AA Pass AAA Pass

Text on black

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