#270651

#270651

Color Values

HEX

#270651

RGB

39, 6, 81

HSL

266.4, 86.2%, 17.1%

HSV

266.4, 92.6%, 31.8%

CMYK

51.9%, 92.6%, 0.0%, 68.2%

OKLCH

0.2416 0.121 295.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#270651

#305106

Analogous

#060B51

#4D0651

#270651

Triadic

#270651

#512706

#065127

Split Complementary

#270651

#514D06

#0B5106

Tetradic

#270651

#51060B

#305106

#06514D

Color Blindness Simulation

Original

#270651

Protanopia

#19183F

Deuteranopia

#1B1D3A

Tritanopia

#25312D

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BDFA
300
#BB8DF7
400
#974FF2
500
#7212ED
600
#5B0EBE
700
#490B98
800
#390977
900
#2C0B56
950
#1C0736

Contrast Checker

Text on white

17.06:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026