#121A2F

#121A2F

Color Values

HEX

#121A2F

RGB

18, 26, 47

HSL

223.4, 44.6%, 12.7%

HSV

223.4, 61.7%, 18.4%

CMYK

61.7%, 44.7%, 0.0%, 81.6%

OKLCH

0.2219 0.0429 267.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#121A2F

#2F2712

Analogous

#12282F

#18122F

#121A2F

Triadic

#121A2F

#2F121A

#1A2F12

Split Complementary

#121A2F

#2F1812

#282F12

Tetradic

#121A2F

#2F1228

#2F2712

#122F18

Color Blindness Simulation

Original

#121A2F

Protanopia

#15162A

Deuteranopia

#151429

Tritanopia

#122625

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD4EB
300
#A7B6DD
400
#778ECB
500
#4766B8
600
#395293
700
#2D4176
800
#23335C
900
#1D2844
950
#12192B

Contrast Checker

Text on white

17.29:1

AA Pass AAA Pass

Text on black

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