#78243B#78243B

#78243B is a dark, moderate pink. Relative luminance 0.056; OKLCH L 39.7% C 0.118 H 7.7°. Best body text is #FFFFFF at 9.93:1 contrast (WCAG AA passes).

Color values

HEX#78243B
RGBrgb(120, 36, 59)
HSLhsl(344, 54%, 31%)
HSVhsv(344, 70%, 47%)
CMYKcmyk(0%, 70%, 50.8%, 52.9%)
CIE-LABlab(28.31, 38.32, 6.08)
CIE-LCHlch(28.31, 38.80, 9.02°)
OKLaboklab(39.71% 0.1167 0.0158)
OKLCHoklch(39.71% 0.118 7.7)
XYZxyz(9.1668, 5.5718, 4.7296)
Luminance0.0557 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#78243B #247861
analogous
#782465 #78243B #783724
triadic
#78243B #3B7824 #243B78
tetradic
#78243B #657824 #247861 #372478
square
#78243B #657824 #247861 #372478
split-complementary
#78243B #247837 #246578
monochromatic
#1A080D #491624 #78243B #A73252 #CA4D6F

Accessibility & contrast

On white

9.93
#78243B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.11
#78243B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #78243B
9.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##78243B#FFFFFF#000000##FFFFFF
##78243B1.009.932.119.93
#FFFFFF9.931.0021.001.00
#0000002.1121.001.0021.00
##FFFFFF9.931.0021.001.00

Color blindness preview

Protanopia (red-blind)
#37383B
Deuteranopia (green-blind)
#4D4939
Tritanopia (blue-blind)
#83162D
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #78243b;
/* rgb */ color: rgb(120, 36, 59);
/* oklch */ color: oklch(39.7% 0.118 7.7);
Tailwind
colors: {
  custom: {
    50: '#a36570',
    500: '#78243b',
    950: '#000000',
  },
}
SCSS
$custom: #78243b;
$custom-light: #a36570;
$custom-dark: #000000;
JSON
{
  "hex": "#78243b",
  "rgb": {
    "r": 120,
    "g": 36,
    "b": 59
  },
  "hsl": {
    "h": 343.571,
    "s": 53.846,
    "l": 30.588
  },
  "oklch": {
    "l": 0.39706,
    "c": 0.11772,
    "h": 7.7
  },
  "luminance": 0.05571
}

Semantic roles & 50–950 ramp

primary
#78243B
secondary
#4DAB91
accent
#DDB54B
background
#FAF6F6
surface
#F4EBEC
border
#CEC6C7
text
#100607
muted
#7F7A7A

Preview Lab

Preview with #78243B

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

Preview Lab → · Contrast checker → · Palette generator →

#78243B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva