#300512#300512

#300512 is a very dark, moderate pink. Relative luminance 0.008; OKLCH L 20.7% C 0.070 H 7.2°. Best body text is #FFFFFF at 18.16:1 contrast (WCAG AA passes).

Color values

HEX#300512
RGBrgb(48, 5, 18)
HSLhsl(342, 81%, 10%)
HSVhsv(342, 90%, 19%)
CMYKcmyk(0%, 89.6%, 62.5%, 81.2%)
CIE-LABlab(7.05, 22.69, 2.86)
CIE-LCHlch(7.05, 22.87, 7.19°)
OKLaboklab(20.75% 0.0697 0.0088)
OKLCHoklch(20.75% 0.07 7.2)
XYZxyz(1.3825, 0.7808, 0.6501)
Luminance0.0078 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#300512 #053023
analogous
#300527 #300512 #300D05
triadic
#300512 #123005 #051230
tetradic
#300512 #273005 #053023 #0D0530
square
#300512 #273005 #053023 #0D0530
split-complementary
#300512 #05300D #052730
monochromatic
#1C030A #1C030A #300512 #670B27 #9F113C

Accessibility & contrast

On white

18.16
#300512 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.16
#300512 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #300512
18.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##300512#FFFFFF#000000##FFFFFF
##3005121.0018.161.1618.16
#FFFFFF18.161.0021.001.00
#0000001.1621.001.0021.00
##FFFFFF18.161.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0F1012
Deuteranopia (green-blind)
#1B1911
Tritanopia (blue-blind)
#35000A
Achromatopsia (no color)
#161616

Design tokens & code

CSS
--color: #300512;
/* rgb */ color: rgb(48, 5, 18);
/* oklch */ color: oklch(20.7% 0.070 7.2);
Tailwind
colors: {
  custom: {
    50: '#6c494f',
    500: '#300512',
    950: '#000000',
  },
}
SCSS
$custom: #300512;
$custom-light: #6c494f;
$custom-dark: #000000;
JSON
{
  "hex": "#300512",
  "rgb": {
    "r": 48,
    "g": 5,
    "b": 18
  },
  "hsl": {
    "h": 341.86,
    "s": 81.132,
    "l": 10.392
  },
  "oklch": {
    "l": 0.20747,
    "c": 0.07025,
    "h": 7.2
  },
  "luminance": 0.00781
}

Semantic roles & 50–950 ramp

primary
#300512
secondary
#1F7259
accent
#F8BB30
background
#F6F4F4
surface
#ECE7E7
border
#C7C3C3
text
#070102
muted
#7A7778

Preview Lab

Preview with #300512

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

Preview Lab → · Contrast checker → · Palette generator →

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