#181966

#181966

Color Values

HEX

#181966

RGB

24, 25, 102

HSL

239.2, 61.9%, 24.7%

HSV

239.2, 76.5%, 40.0%

CMYK

76.5%, 75.5%, 0.0%, 60.0%

OKLCH

0.2761 0.1303 273.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#181966

#666518

Analogous

#184066

#3E1866

#181966

Triadic

#181966

#661819

#196618

Split Complementary

#181966

#663E18

#406618

Tetradic

#181966

#661840

#666518

#18663E

Color Blindness Simulation

Original

#181966

Protanopia

#181853

Deuteranopia

#18184F

Tritanopia

#184541

Achromatopsia

#1E1E1E

CSS Usage

background-color: #181966;
color: #181966;
border-color: #181966;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F1
300
#9C9DE8
400
#6668DB
500
#3133CE
600
#2729A5
700
#1F2084
800
#181967
900
#15164B
950
#0E0E30

Contrast Checker

Text on white

15.33:1

AA Pass AAA Pass

Text on black

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