#51233C#51233C

#51233C is a dark, moderate pink. Relative luminance 0.033; OKLCH L 33.0% C 0.076 H 348.3°. Best body text is #FFFFFF at 12.68:1 contrast (WCAG AA passes).

Color values

HEX#51233C
RGBrgb(81, 35, 60)
HSLhsl(327, 40%, 23%)
HSVhsv(327, 57%, 32%)
CMYKcmyk(0%, 56.8%, 25.9%, 68.2%)
CIE-LABlab(21.12, 24.93, -5.92)
CIE-LCHlch(21.12, 25.62, 346.64°)
OKLaboklab(33% 0.0749 -0.0155)
OKLCHoklch(33% 0.076 348.3)
XYZxyz(4.8101, 3.2780, 4.6535)
Luminance0.0328 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#51233C #235138
analogous
#4F2351 #51233C #512325
triadic
#51233C #3C5123 #233C51
tetradic
#51233C #514F23 #235138 #232551
square
#51233C #514F23 #235138 #232551
split-complementary
#51233C #255123 #23514F
monochromatic
#150910 #26111C #51233C #7C355C #A6487B

Accessibility & contrast

On white

12.68
#51233C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.66
#51233C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #51233C
12.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##51233C#FFFFFF#000000##FFFFFF
##51233C1.0012.681.6612.68
#FFFFFF12.681.0021.001.00
#0000001.6621.001.0021.00
##FFFFFF12.681.0021.001.00

Color blindness preview

Protanopia (red-blind)
#282E3D
Deuteranopia (green-blind)
#34363B
Tritanopia (blue-blind)
#56222D
Achromatopsia (no color)
#333333

Design tokens & code

CSS
--color: #51233c;
/* rgb */ color: rgb(81, 35, 60);
/* oklch */ color: oklch(33.0% 0.076 348.3);
Tailwind
colors: {
  custom: {
    50: '#836071',
    500: '#51233c',
    950: '#000000',
  },
}
SCSS
$custom: #51233c;
$custom-light: #836071;
$custom-dark: #000000;
JSON
{
  "hex": "#51233c",
  "rgb": {
    "r": 81,
    "g": 35,
    "b": 60
  },
  "hsl": {
    "h": 327.391,
    "s": 39.655,
    "l": 22.745
  },
  "oklch": {
    "l": 0.33002,
    "c": 0.07649,
    "h": 348.3
  },
  "luminance": 0.03278
}

Semantic roles & 50–950 ramp

primary
#51233C
secondary
#4B8565
accent
#D08F58
background
#F8F5F6
surface
#EFE9EC
border
#CAC5C7
text
#0B0507
muted
#7C797A

Preview Lab

Preview with #51233C

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

Preview Lab → · Contrast checker → · Palette generator →

#51233C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva