#711253#711253

#711253 is a dark, vivid pink. Relative luminance 0.046; OKLCH L 37.7% C 0.144 H 344.5°. Best body text is #FFFFFF at 10.97:1 contrast (WCAG AA passes).

Color values

HEX#711253
RGBrgb(113, 18, 83)
HSLhsl(319, 73%, 26%)
HSVhsv(319, 84%, 44%)
CMYKcmyk(0%, 84.1%, 26.5%, 55.7%)
CIE-LABlab(25.47, 45.62, -14.35)
CIE-LCHlch(25.47, 47.82, 342.54°)
OKLaboklab(37.66% 0.1383 -0.0383)
OKLCHoklch(37.66% 0.144 344.5)
XYZxyz(8.5881, 4.5688, 8.6115)
Luminance0.0457 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#711253 #127130
analogous
#5F1271 #711253 #711224
triadic
#711253 #537112 #125371
tetradic
#711253 #715F12 #127130 #122471
square
#711253 #715F12 #127130 #122471
split-complementary
#711253 #247112 #12715F
monochromatic
#1A0413 #3C0A2C #711253 #A61A7A #DB23A1

Accessibility & contrast

On white

10.97
#711253 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.91
#711253 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #711253
10.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##711253#FFFFFF#000000##FFFFFF
##7112531.0010.971.9110.97
#FFFFFF10.971.0021.001.00
#0000001.9121.001.0021.00
##FFFFFF10.971.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1F3255
Deuteranopia (green-blind)
#3D4251
Tritanopia (blue-blind)
#791131
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #711253;
/* rgb */ color: rgb(113, 18, 83);
/* oklch */ color: oklch(37.7% 0.144 344.5);
Tailwind
colors: {
  custom: {
    50: '#9e5d83',
    500: '#711253',
    950: '#000000',
  },
}
SCSS
$custom: #711253;
$custom-light: #9e5d83;
$custom-dark: #000000;
JSON
{
  "hex": "#711253",
  "rgb": {
    "r": 113,
    "g": 18,
    "b": 83
  },
  "hsl": {
    "h": 318.947,
    "s": 72.519,
    "l": 25.686
  },
  "oklch": {
    "l": 0.37659,
    "c": 0.14352,
    "h": 344.5
  },
  "luminance": 0.04568
}

Semantic roles & 50–950 ramp

primary
#711253
secondary
#37A85B
accent
#EF7239
background
#FAF5F8
surface
#F3E9EF
border
#CDC5CA
text
#0F050A
muted
#7F797C

Preview Lab

Preview with #711253

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

Preview Lab → · Contrast checker → · Palette generator →

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