#121661

#121661

Color Values

HEX

#121661

RGB

18, 22, 97

HSL

237.0, 68.7%, 22.5%

HSV

237.0, 81.4%, 38.0%

CMYK

81.4%, 77.3%, 0.0%, 62.0%

OKLCH

0.2616 0.1286 271.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#121661

#615D12

Analogous

#123D61

#351261

#121661

Triadic

#121661

#611216

#166112

Split Complementary

#121661

#613512

#3D6112

Tetradic

#121661

#61123D

#615D12

#126135

Color Blindness Simulation

Original

#121661

Protanopia

#14144F

Deuteranopia

#14134A

Tritanopia

#12413D

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E4F8
200
#C3C5F4
300
#989CEC
400
#6066E1
500
#2831D7
600
#2027AC
700
#1A1F8A
800
#14186C
900
#12154E
950
#0C0E32

Contrast Checker

Text on white

15.99:1

AA Pass AAA Pass

Text on black

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