#181099

#181099

Color Values

HEX

#181099

RGB

24, 16, 153

HSL

243.5, 81.1%, 33.1%

HSV

243.5, 89.5%, 60.0%

CMYK

84.3%, 89.5%, 0.0%, 40.0%

OKLCH

0.3281 0.2009 269.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#181099

#919910

Analogous

#104C99

#5C1099

#181099

Triadic

#181099

#991810

#109918

Split Complementary

#181099

#995C10

#4C9910

Tetradic

#181099

#99104C

#919910

#10995C

Color Blindness Simulation

Original

#181099

Protanopia

#151478

Deuteranopia

#151670

Tritanopia

#185E58

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C2BEF8
300
#9690F3
400
#5D54ED
500
#2418E7
600
#1D13B9
700
#170F94
800
#120C73
900
#110D54
950
#0B0835

Contrast Checker

Text on white

13.35:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026