#121885

#121885

Color Values

HEX

#121885

RGB

18, 24, 133

HSL

236.9, 76.2%, 29.6%

HSV

236.9, 86.5%, 52.2%

CMYK

86.5%, 82.0%, 0.0%, 47.8%

OKLCH

0.3082 0.1733 268.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#121885

#857F12

Analogous

#125185

#461285

#121885

Triadic

#121885

#851218

#188512

Split Complementary

#121885

#854612

#518512

Tetradic

#121885

#851251

#857F12

#128546

Color Blindness Simulation

Original

#121885

Protanopia

#15156B

Deuteranopia

#141464

Tritanopia

#125651

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C3F7
300
#9398F0
400
#5960E9
500
#1E28E1
600
#1820B4
700
#131A90
800
#0F1470
900
#0F1352
950
#0A0C34

Contrast Checker

Text on white

14.05:1

AA Pass AAA Pass

Text on black

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