#202196

#202196

Color Values

HEX

#202196

RGB

32, 33, 150

HSL

239.5, 64.8%, 35.7%

HSV

239.5, 78.7%, 58.8%

CMYK

78.7%, 78.0%, 0.0%, 41.2%

OKLCH

0.3476 0.1823 271.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#202196

#969520

Analogous

#205C96

#5A2096

#202196

Triadic

#202196

#962021

#219620

Split Complementary

#202196

#965A20

#5C9620

Tetradic

#202196

#96205C

#969520

#20965A

Color Blindness Simulation

Original

#202196

Protanopia

#20207A

Deuteranopia

#202073

Tritanopia

#20635E

Achromatopsia

#292929

CSS Usage

background-color: #202196;
color: #202196;
border-color: #202196;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C5F2
300
#9A9BE9
400
#6465DE
500
#2D2ED2
600
#2425A8
700
#1D1E86
800
#161769
900
#14154D
950
#0D0D30

Contrast Checker

Text on white

12.21:1

AA Pass AAA Pass

Text on black

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