#240749

#240749

Color Values

HEX

#240749

RGB

36, 7, 73

HSL

266.4, 82.5%, 15.7%

HSV

266.4, 90.4%, 28.6%

CMYK

50.7%, 90.4%, 0.0%, 71.4%

OKLCH

0.2299 0.1104 296.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#240749

#2C4907

Analogous

#070B49

#450749

#240749

Triadic

#240749

#492407

#074924

Split Complementary

#240749

#494507

#0B4907

Tetradic

#240749

#49070B

#2C4907

#074945

Color Blindness Simulation

Original

#240749

Protanopia

#171739

Deuteranopia

#191B35

Tritanopia

#232C2A

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE1FA
200
#D8BEF9
300
#BC8FF4
400
#9753EE
500
#7316E9
600
#5C12BA
700
#4A0E95
800
#390B74
900
#2C0C54
950
#1C0835

Contrast Checker

Text on white

17.48:1

AA Pass AAA Pass

Text on black

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