#210EAF

#210EAF

Color Values

HEX

#210EAF

RGB

33, 14, 175

HSL

247.1, 85.2%, 37.1%

HSV

247.1, 92.0%, 68.6%

CMYK

81.1%, 92.0%, 0.0%, 31.4%

OKLCH

0.3599 0.2236 270.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#210EAF

#9CAF0E

Analogous

#0E4CAF

#720EAF

#210EAF

Triadic

#210EAF

#AF210E

#0EAF21

Split Complementary

#210EAF

#AF720E

#4CAF0E

Tetradic

#210EAF

#AF0E4C

#9CAF0E

#0EAF72

Color Blindness Simulation

Original

#210EAF

Protanopia

#191988

Deuteranopia

#1A1B7F

Tritanopia

#206963

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BDFA
300
#9A8EF6
400
#6350F1
500
#2D13EC
600
#240FBD
700
#1D0C97
800
#160976
900
#140B56
950
#0D0736

Contrast Checker

Text on white

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