#330A27#330A27

#330A27 is a very dark, moderate pink. Relative luminance 0.011; OKLCH L 23.0% C 0.076 H 341.5°. Best body text is #FFFFFF at 17.31:1 contrast (WCAG AA passes).

Color values

HEX#330A27
RGBrgb(51, 10, 39)
HSLhsl(318, 67%, 12%)
HSVhsv(318, 80%, 20%)
CMYKcmyk(0%, 80.4%, 23.5%, 80%)
CIE-LABlab(9.54, 24.16, -8.98)
CIE-LCHlch(9.54, 25.78, 339.61°)
OKLaboklab(23.02% 0.0722 -0.0241)
OKLCHoklch(23.02% 0.076 341.5)
XYZxyz(1.8400, 1.0675, 2.0282)
Luminance0.0107 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#330A27 #0A3316
analogous
#2B0A33 #330A27 #330A13
triadic
#330A27 #27330A #0A2733
tetradic
#330A27 #332B0A #0A3316 #0A1333
square
#330A27 #332B0A #0A3316 #0A1333
split-complementary
#330A27 #13330A #0A332B
monochromatic
#1A0514 #1A0514 #330A27 #66144E #991E75

Accessibility & contrast

On white

17.31
#330A27 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#330A27 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #330A27
17.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##330A27#FFFFFF#000000##FFFFFF
##330A271.0017.311.2117.31
#FFFFFF17.311.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.311.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0D1628
Deuteranopia (green-blind)
#1A1D26
Tritanopia (blue-blind)
#370B17
Achromatopsia (no color)
#1B1B1B

Design tokens & code

CSS
--color: #330a27;
/* rgb */ color: rgb(51, 10, 39);
/* oklch */ color: oklch(23.0% 0.076 341.5);
Tailwind
colors: {
  custom: {
    50: '#6d4d61',
    500: '#330a27',
    950: '#000000',
  },
}
SCSS
$custom: #330a27;
$custom-light: #6d4d61;
$custom-dark: #000000;
JSON
{
  "hex": "#330a27",
  "rgb": {
    "r": 51,
    "g": 10,
    "b": 39
  },
  "hsl": {
    "h": 317.561,
    "s": 67.213,
    "l": 11.961
  },
  "oklch": {
    "l": 0.23022,
    "c": 0.07614,
    "h": 341.5
  },
  "luminance": 0.01067
}

Semantic roles & 50–950 ramp

primary
#330A27
secondary
#28703D
accent
#EA703E
background
#F6F4F5
surface
#ECE7E9
border
#C7C3C5
text
#070105
muted
#7A7779

Preview Lab

Preview with #330A27

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

Preview Lab → · Contrast checker → · Palette generator →

#330A27 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva