#240535#240535

#240535 is a very dark, moderate violet. Relative luminance 0.007; OKLCH L 20.7% C 0.090 H 310.3°. Best body text is #FFFFFF at 18.29:1 contrast (WCAG AA passes).

Color values

HEX#240535
RGBrgb(36, 5, 53)
HSLhsl(279, 83%, 11%)
HSVhsv(279, 91%, 21%)
CMYKcmyk(32.1%, 90.6%, 0%, 79.2%)
CIE-LABlab(6.69, 25.47, -24.08)
CIE-LCHlch(6.69, 35.04, 316.61°)
OKLaboklab(20.66% 0.0582 -0.0687)
OKLCHoklch(20.66% 0.09 310.3)
XYZxyz(1.4243, 0.7407, 3.4354)
Luminance0.0074 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#240535 #163505
analogous
#0C0535 #240535 #35052E
triadic
#240535 #352405 #053524
tetradic
#240535 #350C05 #163505 #052E35
square
#240535 #350C05 #163505 #052E35
split-complementary
#240535 #2E3505 #05350C
monochromatic
#13031C #13031C #240535 #4A0A6D #7010A5

Accessibility & contrast

On white

18.29
#240535 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.15
#240535 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #240535
18.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##240535#FFFFFF#000000##FFFFFF
##2405351.0018.291.1518.29
#FFFFFF18.291.0021.001.00
#0000001.1521.001.0021.00
##FFFFFF18.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001336
Deuteranopia (green-blind)
#001534
Tritanopia (blue-blind)
#22101D
Achromatopsia (no color)
#151515

Design tokens & code

CSS
--color: #240535;
/* rgb */ color: rgb(36, 5, 53);
/* oklch */ color: oklch(20.7% 0.090 310.3);
Tailwind
colors: {
  custom: {
    50: '#61486d',
    500: '#240535',
    950: '#000000',
  },
}
SCSS
$custom: #240535;
$custom-light: #61486d;
$custom-dark: #000000;
JSON
{
  "hex": "#240535",
  "rgb": {
    "r": 36,
    "g": 5,
    "b": 53
  },
  "hsl": {
    "h": 278.75,
    "s": 82.759,
    "l": 11.373
  },
  "oklch": {
    "l": 0.2066,
    "c": 0.09004,
    "h": 310.3
  },
  "luminance": 0.00741
}

Semantic roles & 50–950 ramp

primary
#240535
secondary
#3E7620
accent
#F92F76
background
#F5F4F6
surface
#EAE7EB
border
#C6C3C6
text
#050107
muted
#79777A

Preview Lab

Preview with #240535

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#240535 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva