#212355

#212355

Color Values

HEX

#212355

RGB

33, 35, 85

HSL

237.7, 44.1%, 23.1%

HSV

237.7, 61.2%, 33.3%

CMYK

61.2%, 58.8%, 0.0%, 66.7%

OKLCH

0.2857 0.0889 277.4

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#212355

#555321

Analogous

#213D55

#392155

#212355

Triadic

#212355

#552123

#235521

Split Complementary

#212355

#553921

#3D5521

Tetradic

#212355

#55213D

#555321

#215539

Color Blindness Simulation

Original

#212355

Protanopia

#222249

Deuteranopia

#222246

Tritanopia

#213F3D

Achromatopsia

#262626

CSS Usage

background-color: #212355;
color: #212355;
border-color: #212355;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CCCDEB
300
#A7A9DD
400
#777ACA
500
#474CB8
600
#393C93
700
#2E3076
800
#24265C
900
#1D1F44
950
#12132B

Contrast Checker

Text on white

14.62:1

AA Pass AAA Pass

Text on black

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