#20165F

#20165F

Color Values

HEX

#20165F

RGB

32, 22, 95

HSL

248.2, 62.4%, 22.9%

HSV

248.2, 76.8%, 37.3%

CMYK

66.3%, 76.8%, 0.0%, 62.7%

OKLCH

0.2698 0.1222 280.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#20165F

#555F16

Analogous

#16305F

#44165F

#20165F

Triadic

#20165F

#5F2016

#165F20

Split Complementary

#20165F

#5F4416

#305F16

Tetradic

#20165F

#5F1630

#555F16

#165F44

Color Blindness Simulation

Original

#20165F

Protanopia

#1C1C4D

Deuteranopia

#1C1D49

Tritanopia

#203F3C

Achromatopsia

#1D1D1D

CSS Usage

background-color: #20165F;
color: #20165F;
border-color: #20165F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CBC5F2
300
#A69CE8
400
#7666DC
500
#4630CF
600
#3826A6
700
#2D1F85
800
#231868
900
#1D154C
950
#120D30

Contrast Checker

Text on white

15.66:1

AA Pass AAA Pass

Text on black

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