#213BAB

#213BAB

Color Values

HEX

#213BAB

RGB

33, 59, 171

HSL

228.7, 67.6%, 40.0%

HSV

228.7, 80.7%, 67.1%

CMYK

80.7%, 65.5%, 0.0%, 32.9%

OKLCH

0.4125 0.1808 267.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#213BAB

#AB9121

Analogous

#2180AB

#4C21AB

#213BAB

Triadic

#213BAB

#AB213B

#3BAB21

Split Complementary

#213BAB

#AB4C21

#80AB21

Tetradic

#213BAB

#AB2180

#AB9121

#21AB4C

Color Blindness Simulation

Original

#213BAB

Protanopia

#2C2C90

Deuteranopia

#2B2989

Tritanopia

#227A76

Achromatopsia

#3E3E3E

CSS Usage

background-color: #213BAB;
color: #213BAB;
border-color: #213BAB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C3CCF3
300
#98A8EB
400
#6179E0
500
#294AD6
600
#213BAB
700
#1A2F89
800
#15256B
900
#131E4E
950
#0C1331

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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