#301744#301744

#301744 is a dark, moderate violet. Relative luminance 0.017; OKLCH L 26.5% C 0.084 H 307.2°. Best body text is #FFFFFF at 15.77:1 contrast (WCAG AA passes).

Color values

HEX#301744
RGBrgb(48, 23, 68)
HSLhsl(273, 49%, 18%)
HSVhsv(273, 66%, 27%)
CMYKcmyk(29.4%, 66.2%, 0%, 73.3%)
CIE-LABlab(13.58, 22.53, -23.60)
CIE-LCHlch(13.58, 32.63, 313.67°)
OKLaboklab(26.46% 0.0506 -0.0665)
OKLCHoklch(26.46% 0.084 307.2)
XYZxyz(2.5685, 1.6586, 5.6525)
Luminance0.0166 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#301744 #2B4417
analogous
#191744 #301744 #441741
triadic
#301744 #443017 #174430
tetradic
#301744 #441917 #2B4417 #174144
square
#301744 #441917 #2B4417 #174144
split-complementary
#301744 #414417 #174419
monochromatic
#100817 #100817 #301744 #502672 #71369F

Accessibility & contrast

On white

15.77
#301744 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.33
#301744 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #301744
15.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##301744#FFFFFF#000000##FFFFFF
##3017441.0015.771.3315.77
#FFFFFF15.771.0021.001.00
#0000001.3321.001.0021.00
##FFFFFF15.771.0021.001.00

Color blindness preview

Protanopia (red-blind)
#062245
Deuteranopia (green-blind)
#102343
Tritanopia (blue-blind)
#2D202A
Achromatopsia (no color)
#232323

Design tokens & code

CSS
--color: #301744;
/* rgb */ color: rgb(48, 23, 68);
/* oklch */ color: oklch(26.5% 0.084 307.2);
Tailwind
colors: {
  custom: {
    50: '#6a5578',
    500: '#301744',
    950: '#000000',
  },
}
SCSS
$custom: #301744;
$custom-light: #6a5578;
$custom-dark: #000000;
JSON
{
  "hex": "#301744",
  "rgb": {
    "r": 48,
    "g": 23,
    "b": 68
  },
  "hsl": {
    "h": 273.333,
    "s": 49.451,
    "l": 17.843
  },
  "oklch": {
    "l": 0.26463,
    "c": 0.0836,
    "h": 307.2
  },
  "luminance": 0.01659
}

Semantic roles & 50–950 ramp

primary
#301744
secondary
#587B3C
accent
#D94F8C
background
#F6F5F7
surface
#EBE9ED
border
#C6C5C8
text
#060309
muted
#7A787B

Preview Lab

Preview with #301744

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

Preview Lab → · Contrast checker → · Palette generator →

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