#240248

#240248

Color Values

HEX

#240248

RGB

36, 2, 72

HSL

269.1, 94.6%, 14.5%

HSV

269.1, 97.2%, 28.2%

CMYK

50.0%, 97.2%, 0.0%, 71.8%

OKLCH

0.2224 0.1155 298.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#240248

#264802

Analogous

#020348

#470248

#240248

Triadic

#240248

#482402

#024824

Split Complementary

#240248

#484702

#034802

Tetradic

#240248

#480203

#264802

#024847

Color Blindness Simulation

Original

#240248

Protanopia

#151537

Deuteranopia

#171A33

Tritanopia

#222A27

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDFFC
200
#DABAFD
300
#C088FC
400
#9E47FA
500
#7C07F8
600
#6306C6
700
#4F049F
800
#3E037C
900
#2F075A
950
#1E0539

Contrast Checker

Text on white

17.84:1

AA Pass AAA Pass

Text on black

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