#1E16DF

#1E16DF

Color Values

HEX

#1E16DF

RGB

30, 22, 223

HSL

242.4, 82.0%, 48.0%

HSV

242.4, 90.1%, 87.5%

CMYK

86.5%, 90.1%, 0.0%, 12.5%

OKLCH

0.4254 0.2714 267.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1E16DF

#D7DF16

Analogous

#1672DF

#8216DF

#1E16DF

Triadic

#1E16DF

#DF1E16

#16DF1E

Split Complementary

#1E16DF

#DF8216

#72DF16

Tetradic

#1E16DF

#DF1672

#D7DF16

#16DF82

Color Blindness Simulation

Original

#1E16DF

Protanopia

#1B1AAE

Deuteranopia

#1B1CA3

Tritanopia

#1E8880

Achromatopsia

#262626

CSS Usage

background-color: #1E16DF;
color: #1E16DF;
border-color: #1E16DF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E2E1FA
200
#C0BEF9
300
#9490F4
400
#5953EE
500
#1F17E8
600
#1912BA
700
#140F95
800
#100B74
900
#100D54
950
#0A0835

Contrast Checker

Text on white

9.39:1

AA Pass AAA Pass

Text on black

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