#240F94

#240F94

Color Values

HEX

#240F94

RGB

36, 15, 148

HSL

249.5, 81.6%, 32.0%

HSV

249.5, 89.9%, 58.0%

CMYK

75.7%, 89.9%, 0.0%, 42.0%

OKLCH

0.3279 0.1925 274.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#240F94

#7F940F

Analogous

#0F3D94

#670F94

#240F94

Triadic

#240F94

#94240F

#0F9424

Split Complementary

#240F94

#94670F

#3D940F

Tetradic

#240F94

#940F3D

#7F940F

#0F9467

Color Blindness Simulation

Original

#240F94

Protanopia

#1B1B74

Deuteranopia

#1C1E6C

Tritanopia

#235A55

Achromatopsia

#1D1D1D

CSS Usage

background-color: #240F94;
color: #240F94;
border-color: #240F94;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F4F2FD
100
#E5E1FA
200
#C7BEF8
300
#A090F4
400
#6C54EE
500
#3817E8
600
#2D13B9
700
#240F94
800
#1C0C74
900
#180D54
950
#0F0835

Contrast Checker

Text on white

13.37:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026