#170DF2

#170DF2

Color Values

HEX

#170DF2

RGB

23, 13, 242

HSL

242.6, 89.8%, 50.0%

HSV

242.6, 94.6%, 94.9%

CMYK

90.5%, 94.6%, 0.0%, 5.1%

OKLCH

0.4431 0.2949 266.1

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#170DF2

#E8F20D

Analogous

#0D76F2

#890DF2

#170DF2

Triadic

#170DF2

#F2170D

#0DF217

Split Complementary

#170DF2

#F2890D

#76F20D

Tetradic

#170DF2

#F20D76

#E8F20D

#0DF289

Color Blindness Simulation

Original

#170DF2

Protanopia

#1313BB

Deuteranopia

#1314AD

Tritanopia

#168F85

Achromatopsia

#202020

CSS Usage

background-color: #170DF2;
color: #170DF2;
border-color: #170DF2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E1E0FB
200
#BEBBFB
300
#908BF9
400
#534CF5
500
#170DF2
600
#120AC2
700
#0F089B
800
#0B0779
900
#0D0958
950
#080637

Contrast Checker

Text on white

8.84:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026