#240158

#240158

Color Values

HEX

#240158

RGB

36, 1, 88

HSL

264.1, 97.8%, 17.5%

HSV

264.1, 98.9%, 34.5%

CMYK

59.1%, 98.9%, 0.0%, 65.5%

OKLCH

0.2404 0.1338 290.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#240158

#355801

Analogous

#010A58

#500158

#240158

Triadic

#240158

#582401

#015824

Split Complementary

#240158

#585001

#0A5801

Tetradic

#240158

#58010A

#355801

#015850

Color Blindness Simulation

Original

#240158

Protanopia

#151543

Deuteranopia

#171A3E

Tritanopia

#22322F

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D4B8FE
300
#B686FE
400
#8F44FD
500
#6703FC
600
#5202CA
700
#4202A1
800
#33017E
900
#28065B
950
#19043A

Contrast Checker

Text on white

17.21:1

AA Pass AAA Pass

Text on black

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