#202998

#202998

Color Values

HEX

#202998

RGB

32, 41, 152

HSL

235.5, 65.2%, 36.1%

HSV

235.5, 78.9%, 59.6%

CMYK

78.9%, 73.0%, 0.0%, 40.4%

OKLCH

0.3618 0.1768 270.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#202998

#988F20

Analogous

#206598

#532098

#202998

Triadic

#202998

#982029

#299820

Split Complementary

#202998

#985320

#659820

Tetradic

#202998

#982065

#988F20

#209853

Color Blindness Simulation

Original

#202998

Protanopia

#24247D

Deuteranopia

#232377

Tritanopia

#206863

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C8F3
300
#9AA0EA
400
#636CDE
500
#2C39D3
600
#232DA9
700
#1C2487
800
#161C69
900
#14184D
950
#0D0F31

Contrast Checker

Text on white

11.46:1

AA Pass AAA Pass

Text on black

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