#1612AF

#1612AF

Color Values

HEX

#1612AF

RGB

22, 18, 175

HSL

241.5, 81.3%, 37.8%

HSV

241.5, 89.7%, 68.6%

CMYK

87.4%, 89.7%, 0.0%, 31.4%

OKLCH

0.3577 0.2246 267.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1612AF

#ABAF12

Analogous

#125CAF

#6412AF

#1612AF

Triadic

#1612AF

#AF1612

#12AF16

Split Complementary

#1612AF

#AF6412

#5CAF12

Tetradic

#1612AF

#AF125C

#ABAF12

#12AF64

Color Blindness Simulation

Original

#1612AF

Protanopia

#141489

Deuteranopia

#141580

Tritanopia

#166B64

Achromatopsia

#1E1E1E

CSS Usage

background-color: #1612AF;
color: #1612AF;
border-color: #1612AF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#C0BEF8
300
#9390F4
400
#5854ED
500
#1D18E7
600
#1713B9
700
#130F94
800
#0F0C74
900
#0F0D54
950
#090835

Contrast Checker

Text on white

12.07:1

AA Pass AAA Pass

Text on black

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