#213347

#213347

Color Values

HEX

#213347

RGB

33, 51, 71

HSL

211,6, 36,5%, 20,4%

HSV

211,6, 53,5%, 27,8%

CMYK

53,5%, 28,2%, 0,0%, 72,2%

OKLCH

0,3152 0,0431 251,8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#213347

#473521

Analogous

#214647

#222147

#213347

Triadic

#213347

#472133

#334721

Split Complementary

#213347

#472221

#464721

Tetradic

#213347

#472146

#473521

#214722

Color Blindness Simulation

Original

#213347

Protanopia

#292942

Deuteranopia

#282641

Tritanopia

#223E3E

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDBE8
300
#ABC1D8
400
#7E9FC3
500
#517DAE
600
#41648B
700
#34506F
800
#283F57
900
#213040
950
#151E29

Contrast Checker

Text on white

12,89:1

AA Pass AAA Pass

Text on black

1,63:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026