#2027AC

#2027AC

Color Values

HEX

#2027AC

RGB

32, 39, 172

HSL

237.0, 68.6%, 40.0%

HSV

237.0, 81.4%, 67.5%

CMYK

81.4%, 77.3%, 0.0%, 32.5%

OKLCH

0.3809 0.2035 269.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2027AC

#ACA520

Analogous

#206DAC

#5F20AC

#2027AC

Triadic

#2027AC

#AC2027

#27AC20

Split Complementary

#2027AC

#AC5F20

#6DAC20

Tetradic

#2027AC

#AC206D

#ACA520

#20AC5F

Color Blindness Simulation

Original

#2027AC

Protanopia

#23238C

Deuteranopia

#232284

Tritanopia

#20726D

Achromatopsia

#2F2F2F

CSS Usage

background-color: #2027AC;
color: #2027AC;
border-color: #2027AC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E4F8
200
#C3C5F4
300
#989CEC
400
#6066E1
500
#2831D7
600
#2027AC
700
#1A1F8A
800
#14186B
900
#13164E
950
#0C0E31

Contrast Checker

Text on white

10.78:1

AA Pass AAA Pass

Text on black

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