#212654

#212654

Color Values

HEX

#212654

RGB

33, 38, 84

HSL

234.1, 43.6%, 22.9%

HSV

234.1, 60.7%, 32.9%

CMYK

60.7%, 54.8%, 0.0%, 67.1%

OKLCH

0.2916 0.0827 275.4

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#212654

#544F21

Analogous

#213F54

#352154

#212654

Triadic

#212654

#542126

#265421

Split Complementary

#212654

#543521

#3F5421

Tetradic

#212654

#54213F

#544F21

#215435

Color Blindness Simulation

Original

#212654

Protanopia

#232349

Deuteranopia

#232246

Tritanopia

#21403E

Achromatopsia

#282828

CSS Usage

background-color: #212654;
color: #212654;
border-color: #212654;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCFEB
300
#A7ACDC
400
#7880CA
500
#4853B7
600
#3A4292
700
#2E3575
800
#24295C
900
#1D2143
950
#13152B

Contrast Checker

Text on white

14.29:1

AA Pass AAA Pass

Text on black

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