#213583

#213583

Color Values

HEX

#213583

RGB

33, 53, 131

HSL

227.8, 59.8%, 32.2%

HSV

227.8, 74.8%, 51.4%

CMYK

74.8%, 59.5%, 0.0%, 48.6%

OKLCH

0.3639 0.1334 268.1

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#213583

#836F21

Analogous

#216683

#3E2183

#213583

Triadic

#213583

#832135

#358321

Split Complementary

#213583

#833E21

#668321

Tetradic

#213583

#832166

#836F21

#21833E

Color Blindness Simulation

Original

#213583

Protanopia

#2A2A70

Deuteranopia

#28276C

Tritanopia

#22615E

Achromatopsia

#363636

CSS Usage

background-color: #213583;
color: #213583;
border-color: #213583;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CFF1
300
#9DACE6
400
#687FD9
500
#3352CC
600
#2942A3
700
#213582
800
#1A2966
900
#16214B
950
#0E152F

Contrast Checker

Text on white

11.04:1

AA Pass AAA Pass

Text on black

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