#271C84

#271C84

Color Values

HEX

#271C84

RGB

39, 28, 132

HSL

246.3, 65.0%, 31.4%

HSV

246.3, 78.8%, 51.8%

CMYK

70.5%, 78.8%, 0.0%, 48.2%

OKLCH

0.325 0.1628 277.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#271C84

#79841C

Analogous

#1C4584

#5B1C84

#271C84

Triadic

#271C84

#84271C

#1C8427

Split Complementary

#271C84

#845B1C

#45841C

Tetradic

#271C84

#841C45

#79841C

#1C845B

Color Blindness Simulation

Original

#271C84

Protanopia

#22226B

Deuteranopia

#232465

Tritanopia

#265753

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C9C4F3
300
#A29AEA
400
#7063DE
500
#3E2DD2
600
#3224A8
700
#281D87
800
#1F1669
900
#1A144D
950
#100D31

Contrast Checker

Text on white

13.24:1

AA Pass AAA Pass

Text on black

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