#1418AD

#1418AD

Color Values

HEX

#1418AD

RGB

20, 24, 173

HSL

238.4, 79.3%, 37.8%

HSV

238.4, 88.4%, 67.8%

CMYK

88.4%, 86.1%, 0.0%, 32.2%

OKLCH

0.3596 0.2194 267.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1418AD

#ADA914

Analogous

#1464AD

#5C14AD

#1418AD

Triadic

#1418AD

#AD1418

#18AD14

Split Complementary

#1418AD

#AD5C14

#64AD14

Tetradic

#1418AD

#AD1464

#ADA914

#14AD5C

Color Blindness Simulation

Original

#1418AD

Protanopia

#161689

Deuteranopia

#161580

Tritanopia

#146C66

Achromatopsia

#222222

CSS Usage

background-color: #1418AD;
color: #1418AD;
border-color: #1418AD;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E2F9
200
#BFC0F8
300
#9194F2
400
#565AEB
500
#1A20E5
600
#1519B7
700
#111492
800
#0D1072
900
#0E1053
950
#090A34

Contrast Checker

Text on white

11.91:1

AA Pass AAA Pass

Text on black

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