#212F49

#212F49

Color Values

HEX

#212F49

RGB

33, 47, 73

HSL

219.0, 37.7%, 20.8%

HSV

219.0, 54.8%, 28.6%

CMYK

54.8%, 35.6%, 0.0%, 71.4%

OKLCH

0.3058 0.0509 262.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#212F49

#493B21

Analogous

#214349

#272149

#212F49

Triadic

#212F49

#49212F

#2F4921

Split Complementary

#212F49

#492721

#434921

Tetradic

#212F49

#492143

#493B21

#214927

Color Blindness Simulation

Original

#212F49

Protanopia

#272743

Deuteranopia

#262541

Tritanopia

#223E3D

Achromatopsia

#2E2E2E

CSS Usage

background-color: #212F49;
color: #212F49;
border-color: #212F49;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CED7E9
300
#ABBBD9
400
#7D96C4
500
#4F71B0
600
#405A8C
700
#334870
800
#283958
900
#202C41
950
#141B29

Contrast Checker

Text on white

13.4:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026