#121684

#121684

Color Values

HEX

#121684

RGB

18, 22, 132

HSL

237.9, 76.0%, 29.4%

HSV

237.9, 86.4%, 51.8%

CMYK

86.4%, 83.3%, 0.0%, 48.2%

OKLCH

0.3044 0.1738 268.7

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#121684

#848012

Analogous

#124F84

#471284

#121684

Triadic

#121684

#841216

#168412

Split Complementary

#121684

#844712

#4F8412

Tetradic

#121684

#84124F

#848012

#128447

Color Blindness Simulation

Original

#121684

Protanopia

#141469

Deuteranopia

#141363

Tritanopia

#125450

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F6
300
#9397F0
400
#595EE8
500
#1F25E0
600
#181EB4
700
#141890
800
#0F1370
900
#0F1252
950
#0A0B34

Contrast Checker

Text on white

14.25:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026