#210CB1

#210CB1

Color Values

HEX

#210CB1

RGB

33, 12, 177

HSL

247.6, 87.3%, 37.1%

HSV

247.6, 93.2%, 69.4%

CMYK

81.4%, 93.2%, 0.0%, 30.6%

OKLCH

0.3613 0.2266 270.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#210CB1

#9CB10C

Analogous

#0C4AB1

#740CB1

#210CB1

Triadic

#210CB1

#B1210C

#0CB121

Split Complementary

#210CB1

#B1740C

#4AB10C

Tetradic

#210CB1

#B10C4A

#9CB10C

#0CB174

Color Blindness Simulation

Original

#210CB1

Protanopia

#181889

Deuteranopia

#191B7F

Tritanopia

#206A63

Achromatopsia

#1C1C1C

CSS Usage

background-color: #210CB1;
color: #210CB1;
border-color: #210CB1;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BCFA
300
#9A8CF7
400
#634EF3
500
#2C10EF
600
#240DBF
700
#1C0A99
800
#160877
900
#140A57
950
#0D0737

Contrast Checker

Text on white

11.99:1

AA Pass AAA Pass

Text on black

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