#1216D0

#1216D0

Color Values

HEX

#1216D0

RGB

18, 22, 208

HSL

238.7, 84.1%, 44.3%

HSV

238.7, 91.3%, 81.6%

CMYK

91.3%, 89.4%, 0.0%, 18.4%

OKLCH

0.4024 0.2584 266.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1216D0

#D0CC12

Analogous

#1275D0

#6D12D0

#1216D0

Triadic

#1216D0

#D01216

#16D012

Split Complementary

#1216D0

#D06D12

#75D012

Tetradic

#1216D0

#D01275

#D0CC12

#12D06D

Color Blindness Simulation

Original

#1216D0

Protanopia

#1414A3

Deuteranopia

#141398

Tritanopia

#127F78

Achromatopsia

#232323

CSS Usage

background-color: #1216D0;
color: #1216D0;
border-color: #1216D0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBFF9
300
#8E91F5
400
#5155F0
500
#1419EB
600
#1014BC
700
#0D1096
800
#0A0C75
900
#0C0D55
950
#070836

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026