#121B84

#121B84

Color Values

HEX

#121B84

RGB

18, 27, 132

HSL

235.3, 76.0%, 29.4%

HSV

235.3, 86.4%, 51.8%

CMYK

86.4%, 79.5%, 0.0%, 48.2%

OKLCH

0.3111 0.1693 268.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#121B84

#847B12

Analogous

#125484

#421284

#121B84

Triadic

#121B84

#84121B

#1B8412

Split Complementary

#121B84

#844212

#548412

Tetradic

#121B84

#841254

#847B12

#128442

Color Blindness Simulation

Original

#121B84

Protanopia

#16166B

Deuteranopia

#151564

Tritanopia

#125752

Achromatopsia

#212121

CSS Usage

background-color: #121B84;
color: #121B84;
border-color: #121B84;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C4F6
300
#939BF0
400
#5964E8
500
#1F2EE0
600
#1825B4
700
#141D90
800
#0F1770
900
#0F1552
950
#0A0D34

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

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