#272276

#272276

Color Values

HEX

#272276

RGB

39, 34, 118

HSL

243.6, 55.3%, 29.8%

HSV

243.6, 71.2%, 46.3%

CMYK

66.9%, 71.2%, 0.0%, 53.7%

OKLCH

0.3193 0.1377 277.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#272276

#717622

Analogous

#224776

#512276

#272276

Triadic

#272276

#762722

#227627

Split Complementary

#272276

#765122

#477622

Tetradic

#272276

#762247

#717622

#227651

Color Blindness Simulation

Original

#272276

Protanopia

#252562

Deuteranopia

#25265D

Tritanopia

#27524E

Achromatopsia

#292929

CSS Usage

background-color: #272276;
color: #272276;
border-color: #272276;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC8EF
300
#A4A0E4
400
#736CD5
500
#4139C6
600
#342E9E
700
#2A247F
800
#211C63
900
#1B1849
950
#110F2E

Contrast Checker

Text on white

13.32:1

AA Pass AAA Pass

Text on black

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