#270557

#270557

Color Values

HEX

#270557

RGB

39, 5, 87

HSL

264.9, 89.1%, 18.0%

HSV

264.9, 94.3%, 34.1%

CMYK

55.2%, 94.3%, 0.0%, 65.9%

OKLCH

0.2474 0.1288 292.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#270557

#355705

Analogous

#050C57

#500557

#270557

Triadic

#270557

#572705

#055727

Split Complementary

#270557

#575005

#0C5705

Tetradic

#270557

#57050C

#355705

#055750

Color Blindness Simulation

Original

#270557

Protanopia

#181843

Deuteranopia

#1A1D3E

Tritanopia

#253330

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D6BBFB
300
#B98BF8
400
#924DF5
500
#6C0EF1
600
#570BC1
700
#45099A
800
#360779
900
#2A0A57
950
#1A0637

Contrast Checker

Text on white

16.86:1

AA Pass AAA Pass

Text on black

1.25:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026