#121F36

#121F36

Color Values

HEX

#121F36

RGB

18, 31, 54

HSL

218.3, 50.0%, 14.1%

HSV

218.3, 66.7%, 21.2%

CMYK

66.7%, 42.6%, 0.0%, 78.8%

OKLCH

0.2404 0.048 261.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#121F36

#362912

Analogous

#123136

#171236

#121F36

Triadic

#121F36

#36121F

#1F3612

Split Complementary

#121F36

#361712

#313612

Tetradic

#121F36

#361231

#362912

#123617

Color Blindness Simulation

Original

#121F36

Protanopia

#181830

Deuteranopia

#17162F

Tritanopia

#132C2B

Achromatopsia

#1E1E1E

CSS Usage

background-color: #121F36;
color: #121F36;
border-color: #121F36;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#C9D6ED
300
#A3B9E0
400
#7194D0
500
#406EBF
600
#335899
700
#29467A
800
#203760
900
#1B2A46
950
#111B2C

Contrast Checker

Text on white

16.47:1

AA Pass AAA Pass

Text on black

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