#18109D

#18109D

Color Values

HEX

#18109D

RGB

24, 16, 157

HSL

243.4, 81.5%, 33.9%

HSV

243.4, 89.8%, 61.6%

CMYK

84.7%, 89.8%, 0.0%, 38.4%

OKLCH

0.3333 0.2054 269.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#18109D

#959D10

Analogous

#104E9D

#5E109D

#18109D

Triadic

#18109D

#9D1810

#109D18

Split Complementary

#18109D

#9D5E10

#4E9D10

Tetradic

#18109D

#9D104E

#959D10

#109D5E

Color Blindness Simulation

Original

#18109D

Protanopia

#15147B

Deuteranopia

#151673

Tritanopia

#18605A

Achromatopsia

#1C1C1C

CSS Usage

background-color: #18109D;
color: #18109D;
border-color: #18109D;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C2BEF8
300
#9690F4
400
#5C54EE
500
#2318E7
600
#1C13B9
700
#170F94
800
#120C74
900
#110D54
950
#0B0835

Contrast Checker

Text on white

13.13:1

AA Pass AAA Pass

Text on black

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