#201679

#201679

Color Values

HEX

#201679

RGB

32, 22, 121

HSL

246.1, 69.2%, 28.0%

HSV

246.1, 81.8%, 47.5%

CMYK

73.6%, 81.8%, 0.0%, 52.5%

OKLCH

0.2992 0.1564 275.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#201679

#6F7916

Analogous

#163D79

#511679

#201679

Triadic

#201679

#792016

#167920

Split Complementary

#201679

#795116

#3D7916

Tetradic

#201679

#79163D

#6F7916

#167951

Color Blindness Simulation

Original

#201679

Protanopia

#1C1C61

Deuteranopia

#1C1D5B

Tritanopia

#204E4A

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C8C3F4
300
#A097EC
400
#6D5FE2
500
#3927D8
600
#2E1FAD
700
#25198A
800
#1D146C
900
#18124F
950
#0F0C32

Contrast Checker

Text on white

14.46:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026