#1418AC

#1418AC

Color Values

HEX

#1418AC

RGB

20, 24, 172

HSL

238.4, 79.2%, 37.6%

HSV

238.4, 88.4%, 67.5%

CMYK

88.4%, 86.0%, 0.0%, 32.5%

OKLCH

0.3583 0.2183 267.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1418AC

#ACA814

Analogous

#1464AC

#5C14AC

#1418AC

Triadic

#1418AC

#AC1418

#18AC14

Split Complementary

#1418AC

#AC5C14

#64AC14

Tetradic

#1418AC

#AC1464

#ACA814

#14AC5C

Color Blindness Simulation

Original

#1418AC

Protanopia

#161688

Deuteranopia

#161580

Tritanopia

#146C66

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F2F2FC
100
#E1E2F9
200
#BFC1F8
300
#9194F2
400
#565AEB
500
#1B20E4
600
#151AB7
700
#111492
800
#0D1072
900
#0E1053
950
#090A34

Contrast Checker

Text on white

11.96:1

AA Pass AAA Pass

Text on black

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