#213144

#213144

Color Values

HEX

#213144

RGB

33, 49, 68

HSL

212.6, 34.7%, 19.8%

HSV

212.6, 51.5%, 26.7%

CMYK

51.5%, 27.9%, 0.0%, 73.3%

OKLCH

0.3082 0.0406 253.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#213144

#443421

Analogous

#214244

#222144

#213144

Triadic

#213144

#442131

#314421

Split Complementary

#213144

#442221

#424421

Tetradic

#213144

#442142

#443421

#214422

Color Blindness Simulation

Original

#213144

Protanopia

#28283F

Deuteranopia

#27263E

Tritanopia

#223C3B

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ADC0D7
400
#809EC1
500
#537CAC
600
#436389
700
#354F6E
800
#2A3E56
900
#212F40
950
#151E28

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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