#1818FC

#1818FC

Color Values

HEX

#1818FC

RGB

24, 24, 252

HSL

240.0, 97.4%, 54.1%

HSV

240.0, 90.5%, 98.8%

CMYK

90.5%, 90.5%, 0.0%, 1.2%

OKLCH

0.4617 0.3008 266.1

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#1818FC

#FCFC18

Analogous

#188AFC

#8A18FC

#1818FC

Triadic

#1818FC

#FC1818

#18FC18

Split Complementary

#1818FC

#FC8A18

#8AFC18

Tetradic

#1818FC

#FC188A

#FCFC18

#18FC8A

Color Blindness Simulation

Original

#1818FC

Protanopia

#1818C5

Deuteranopia

#1818B8

Tritanopia

#189990

Achromatopsia

#282828

CSS Usage

background-color: #1818FC;
color: #1818FC;
border-color: #1818FC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B9B9FE
300
#8686FD
400
#4545FD
500
#0303FC
600
#0303C9
700
#0202A1
800
#02027E
900
#06065B
950
#040439

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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