#172AE8

#172AE8

Color Values

HEX

#172AE8

RGB

23, 42, 232

HSL

234.5, 82.0%, 50.0%

HSV

234.5, 90.1%, 91.0%

CMYK

90.1%, 81.9%, 0.0%, 9.0%

OKLCH

0.4514 0.2707 266.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#172AE8

#E8D517

Analogous

#1793E8

#6C17E8

#172AE8

Triadic

#172AE8

#E8172A

#2AE817

Split Complementary

#172AE8

#E86C17

#93E817

Tetradic

#172AE8

#E81793

#E8D517

#17E86C

Color Blindness Simulation

Original

#172AE8

Protanopia

#1F1FBA

Deuteranopia

#1E1DAF

Tritanopia

#18968E

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC3F9
300
#9099F4
400
#5361EE
500
#172AE8
600
#1222BA
700
#0F1B95
800
#0B1574
900
#0D1354
950
#080C35

Contrast Checker

Text on white

8.29:1

AA Pass AAA Pass

Text on black

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