#2018E7

#2018E7

Color Values

HEX

#2018E7

RGB

32, 24, 231

HSL

242.3, 81.2%, 50.0%

HSV

242.3, 89.6%, 90.6%

CMYK

86.1%, 89.6%, 0.0%, 9.4%

OKLCH

0.4375 0.2782 267.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2018E7

#DFE718

Analogous

#1878E7

#8718E7

#2018E7

Triadic

#2018E7

#E72018

#18E720

Split Complementary

#2018E7

#E78718

#78E718

Tetradic

#2018E7

#E71878

#DFE718

#18E787

Color Blindness Simulation

Original

#2018E7

Protanopia

#1D1CB5

Deuteranopia

#1D1EA9

Tritanopia

#208D85

Achromatopsia

#292929

CSS Usage

background-color: #2018E7;
color: #2018E7;
border-color: #2018E7;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C1BEF8
300
#9490F3
400
#5A54ED
500
#2018E7
600
#1A13B9
700
#140F94
800
#100C74
900
#100D54
950
#0A0835

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

2.35:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026