#181766

#181766

Color Values

HEX

#181766

RGB

24, 23, 102

HSL

240.8, 63.2%, 24.5%

HSV

240.8, 77.5%, 40.0%

CMYK

76.5%, 77.5%, 0.0%, 60.0%

OKLCH

0.2728 0.1326 273.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#181766

#656617

Analogous

#173D66

#401766

#181766

Triadic

#181766

#661817

#176618

Split Complementary

#181766

#664017

#3D6617

Tetradic

#181766

#66173D

#656617

#176640

Color Blindness Simulation

Original

#181766

Protanopia

#181853

Deuteranopia

#18184E

Tritanopia

#184440

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C5F2
300
#9C9BE8
400
#6765DC
500
#312FD0
600
#2726A6
700
#1F1E85
800
#191768
900
#16154C
950
#0E0D30

Contrast Checker

Text on white

15.52:1

AA Pass AAA Pass

Text on black

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