#240550

#240550

Color Values

HEX

#240550

RGB

36, 5, 80

HSL

264.8, 88.2%, 16.7%

HSV

264.8, 93.8%, 31.4%

CMYK

55.0%, 93.7%, 0.0%, 68.6%

OKLCH

0.2354 0.1208 293.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#240550

#315005

Analogous

#050C50

#4A0550

#240550

Triadic

#240550

#502405

#055024

Split Complementary

#240550

#504A05

#0C5005

Tetradic

#240550

#50050C

#315005

#05504A

Color Blindness Simulation

Original

#240550

Protanopia

#17163E

Deuteranopia

#181B3A

Tritanopia

#22302C

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D6BCFB
300
#B88CF8
400
#924DF4
500
#6C0FF0
600
#560CC0
700
#450A9A
800
#360878
900
#2A0A57
950
#1A0637

Contrast Checker

Text on white

17.32:1

AA Pass AAA Pass

Text on black

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