#20118F

#20118F

Color Values

HEX

#20118F

RGB

32, 17, 143

HSL

247.1, 78.8%, 31.4%

HSV

247.1, 88.1%, 56.1%

CMYK

77.6%, 88.1%, 0.0%, 43.9%

OKLCH

0.3206 0.1867 273.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#20118F

#808F11

Analogous

#11418F

#5F118F

#20118F

Triadic

#20118F

#8F2011

#118F20

Split Complementary

#20118F

#8F5F11

#418F11

Tetradic

#20118F

#8F1141

#808F11

#118F5F

Color Blindness Simulation

Original

#20118F

Protanopia

#1A1971

Deuteranopia

#1A1C69

Tritanopia

#1F5853

Achromatopsia

#1D1D1D

CSS Usage

background-color: #20118F;
color: #20118F;
border-color: #20118F;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C6BFF7
300
#9D92F2
400
#6856EB
500
#331BE4
600
#2916B6
700
#211192
800
#190E72
900
#160E53
950
#0E0934

Contrast Checker

Text on white

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