#272CCC

#272CCC

Color Values

HEX

#272CCC

RGB

39, 44, 204

HSL

238,2, 67,9%, 47,6%

HSV

238,2, 80,9%, 80,0%

CMYK

80,9%, 78,4%, 0,0%, 20,0%

OKLCH

0,4267 0,2348 269,6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#272CCC

#CCC727

Analogous

#277ECC

#7427CC

#272CCC

Triadic

#272CCC

#CC272C

#2CCC27

Split Complementary

#272CCC

#CC7427

#7ECC27

Tetradic

#272CCC

#CC277E

#CCC727

#27CC74

Color Blindness Simulation

Original

#272CCC

Protanopia

#2929A5

Deuteranopia

#29289C

Tritanopia

#278780

Achromatopsia

#363636

CSS Usage

background-color: #272CCC;
color: #272CCC;
border-color: #272CCC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C5F4
300
#989BEB
400
#6164E1
500
#292ED6
600
#2125AB
700
#1A1E89
800
#14176B
900
#13154E
950
#0C0D31

Contrast Checker

Text on white

9,06:1

AA Pass AAA Pass

Text on black

2,32: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