#202372

#202372

Color Values

HEX

#202372

RGB

32, 35, 114

HSL

237.8, 56.2%, 28.6%

HSV

237.8, 71.9%, 44.7%

CMYK

71.9%, 69.3%, 0.0%, 55.3%

OKLCH

0.3119 0.1327 274.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#202372

#726F20

Analogous

#204C72

#462072

#202372

Triadic

#202372

#722023

#237220

Split Complementary

#202372

#724620

#4C7220

Tetradic

#202372

#72204C

#726F20

#207246

Color Blindness Simulation

Original

#202372

Protanopia

#21215F

Deuteranopia

#21215A

Tritanopia

#20504C

Achromatopsia

#282828

CSS Usage

background-color: #202372;
color: #202372;
border-color: #202372;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C7C9EF
300
#9FA2E4
400
#6C70D6
500
#383DC7
600
#2D319F
700
#24277F
800
#1C1F64
900
#181A49
950
#0F102E

Contrast Checker

Text on white

13.59:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026