#1D18DF

#1D18DF

Color Values

HEX

#1D18DF

RGB

29, 24, 223

HSL

241.5, 80.6%, 48.4%

HSV

241.5, 89.2%, 87.5%

CMYK

87.0%, 89.2%, 0.0%, 12.5%

OKLCH

0.4264 0.2707 267.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1D18DF

#DADF18

Analogous

#1876DF

#8018DF

#1D18DF

Triadic

#1D18DF

#DF1D18

#18DF1D

Split Complementary

#1D18DF

#DF8018

#76DF18

Tetradic

#1D18DF

#DF1876

#DADF18

#18DF80

Color Blindness Simulation

Original

#1D18DF

Protanopia

#1B1BAF

Deuteranopia

#1B1BA3

Tritanopia

#1D8980

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C0BFF8
300
#9390F3
400
#5855ED
500
#1E19E6
600
#1814B8
700
#131093
800
#0F0C73
900
#0F0D54
950
#0A0835

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

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