#1418AB

#1418AB

Color Values

HEX

#1418AB

RGB

20, 24, 171

HSL

238.4, 79.1%, 37.5%

HSV

238.4, 88.3%, 67.1%

CMYK

88.3%, 86.0%, 0.0%, 32.9%

OKLCH

0.357 0.2171 267.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1418AB

#ABA714

Analogous

#1464AB

#5C14AB

#1418AB

Triadic

#1418AB

#AB1418

#18AB14

Split Complementary

#1418AB

#AB5C14

#64AB14

Tetradic

#1418AB

#AB1464

#ABA714

#14AB5C

Color Blindness Simulation

Original

#1418AB

Protanopia

#161687

Deuteranopia

#16157F

Tritanopia

#146B65

Achromatopsia

#222222

CSS Usage

background-color: #1418AB;
color: #1418AB;
border-color: #1418AB;
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

12.01:1

AA Pass AAA Pass

Text on black

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