#172FE8

#172FE8

Color Values

HEX

#172FE8

RGB

23, 47, 232

HSL

233.1, 82.0%, 50.0%

HSV

233.1, 90.1%, 91.0%

CMYK

90.1%, 79.7%, 0.0%, 9.0%

OKLCH

0.457 0.267 266.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#172FE8

#E8D017

Analogous

#1798E8

#6717E8

#172FE8

Triadic

#172FE8

#E8172F

#2FE817

Split Complementary

#172FE8

#E86717

#98E817

Tetradic

#172FE8

#E81798

#E8D017

#17E867

Color Blindness Simulation

Original

#172FE8

Protanopia

#2122BB

Deuteranopia

#201EB0

Tritanopia

#189890

Achromatopsia

#373737

CSS Usage

background-color: #172FE8;
color: #172FE8;
border-color: #172FE8;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FD
100
#E1E4FA
200
#BEC5F9
300
#909BF4
400
#5365EE
500
#172FE8
600
#1226BA
700
#0F1E95
800
#0B1774
900
#0D1554
950
#080D35

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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