#1712B2

#1712B2

Color Values

HEX

#1712B2

RGB

23, 18, 178

HSL

241.9, 81.6%, 38.4%

HSV

241.9, 89.9%, 69.8%

CMYK

87.1%, 89.9%, 0.0%, 30.2%

OKLCH

0.362 0.2276 267.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1712B2

#ADB212

Analogous

#125DB2

#6712B2

#1712B2

Triadic

#1712B2

#B21712

#12B217

Split Complementary

#1712B2

#B26712

#5DB212

Tetradic

#1712B2

#B2125D

#ADB212

#12B267

Color Blindness Simulation

Original

#1712B2

Protanopia

#15158B

Deuteranopia

#151582

Tritanopia

#176D66

Achromatopsia

#1F1F1F

CSS Usage

background-color: #1712B2;
color: #1712B2;
border-color: #1712B2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E2E1FA
200
#C0BEF8
300
#9390F4
400
#5954EE
500
#1E17E8
600
#1813B9
700
#130F94
800
#0F0C74
900
#0F0D54
950
#0A0835

Contrast Checker

Text on white

11.89:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026