#170F62

#170F62

Color Values

HEX

#170F62

RGB

23, 15, 98

HSL

245.8, 73.5%, 22.2%

HSV

245.8, 84.7%, 38.4%

CMYK

76.5%, 84.7%, 0.0%, 61.6%

OKLCH

0.2556 0.1358 275.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#170F62

#5A620F

Analogous

#0F3162

#410F62

#170F62

Triadic

#170F62

#62170F

#0F6217

Split Complementary

#170F62

#62410F

#31620F

Tetradic

#170F62

#620F31

#5A620F

#0F6241

Color Blindness Simulation

Original

#170F62

Protanopia

#14134E

Deuteranopia

#141549

Tritanopia

#173E3B

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C6C1F6
300
#9E95EF
400
#695BE6
500
#3422DD
600
#2A1BB1
700
#21168E
800
#1A116F
900
#171050
950
#0E0A33

Contrast Checker

Text on white

16.39:1

AA Pass AAA Pass

Text on black

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