#202F83

#202F83

Color Values

HEX

#202F83

RGB

32, 47, 131

HSL

230.9, 60.7%, 32.0%

HSV

230.9, 75.6%, 51.4%

CMYK

75.6%, 64.1%, 0.0%, 48.6%

OKLCH

0.3512 0.1415 269.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#202F83

#837420

Analogous

#206183

#432083

#202F83

Triadic

#202F83

#83202F

#2F8320

Split Complementary

#202F83

#834320

#618320

Tetradic

#202F83

#832061

#837420

#208343

Color Blindness Simulation

Original

#202F83

Protanopia

#26276F

Deuteranopia

#26246A

Tritanopia

#215F5B

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CCF1
300
#9DA8E7
400
#6779DA
500
#324ACD
600
#283BA4
700
#202F83
800
#192566
900
#161E4B
950
#0E132F

Contrast Checker

Text on white

11.69:1

AA Pass AAA Pass

Text on black

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