#1218B9

#1218B9

Color Values

HEX

#1218B9

RGB

18, 24, 185

HSL

237.8, 82.3%, 39.8%

HSV

237.8, 90.3%, 72.5%

CMYK

90.3%, 87.0%, 0.0%, 27.5%

OKLCH

0.3743 0.233 266.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1218B9

#B9B312

Analogous

#126CB9

#5F12B9

#1218B9

Triadic

#1218B9

#B91218

#18B912

Split Complementary

#1218B9

#B95F12

#6CB912

Tetradic

#1218B9

#B9126C

#B9B312

#12B95F

Color Blindness Simulation

Original

#1218B9

Protanopia

#151592

Deuteranopia

#141489

Tritanopia

#12736D

Achromatopsia

#222222

CSS Usage

background-color: #1218B9;
color: #1218B9;
border-color: #1218B9;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F2FD
100
#E1E2FA
200
#BEC0F9
300
#8F93F4
400
#5359EE
500
#171EE8
600
#1218BA
700
#0E1395
800
#0B0F74
900
#0D0F54
950
#080A35

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

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