#212C47

#212C47

Color Values

HEX

#212C47

RGB

33, 44, 71

HSL

222.6, 36.5%, 20.4%

HSV

222.6, 53.5%, 27.8%

CMYK

53.5%, 38.0%, 0.0%, 72.2%

OKLCH

0.2969 0.0517 266.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#212C47

#473C21

Analogous

#213F47

#292147

#212C47

Triadic

#212C47

#47212C

#2C4721

Split Complementary

#212C47

#472921

#3F4721

Tetradic

#212C47

#47213F

#473C21

#214729

Color Blindness Simulation

Original

#212C47

Protanopia

#262640

Deuteranopia

#25243F

Tritanopia

#223B3A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #212C47;
color: #212C47;
border-color: #212C47;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CED6E8
300
#ABB8D8
400
#7E92C3
500
#516CAE
600
#41568B
700
#34456F
800
#283657
900
#212A40
950
#151A29

Contrast Checker

Text on white

13.85:1

AA Pass AAA Pass

Text on black

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