#12436F

#12436F

Color Values

HEX

#12436F

RGB

18, 67, 111

HSL

208.4, 72.1%, 25.3%

HSV

208.4, 83.8%, 43.5%

CMYK

83.8%, 39.6%, 0.0%, 56.5%

OKLCH

0.3751 0.0911 249.9

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#12436F

#6F3E12

Analogous

#126F6D

#12146F

#12436F

Triadic

#12436F

#6F1243

#436F12

Split Complementary

#12436F

#6F1214

#6F6D12

Tetradic

#12436F

#6D126F

#6F3E12

#146F12

Color Blindness Simulation

Original

#12436F

Protanopia

#272864

Deuteranopia

#242162

Tritanopia

#145C5A

Achromatopsia

#3C3C3C

CSS Usage

background-color: #12436F;
color: #12436F;
border-color: #12436F;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF5
300
#96C4EE
400
#5DA4E5
500
#2484DB
600
#1C6AB0
700
#17558C
800
#12426E
900
#113250
950
#0B2032

Contrast Checker

Text on white

10.2:1

AA Pass AAA Pass

Text on black

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