#752314#752314

#752314 is a dark, moderate red. Relative luminance 0.050; OKLCH L 38.3% C 0.118 H 32.6°. Best body text is #FFFFFF at 10.46:1 contrast (WCAG AA passes).

Color values

HEX#752314
RGBrgb(117, 35, 20)
HSLhsl(9, 71%, 27%)
HSVhsv(9, 83%, 46%)
CMYKcmyk(0%, 70.1%, 82.9%, 54.1%)
CIE-LABlab(26.84, 35.07, 29.24)
CIE-LCHlch(26.84, 45.66, 39.82°)
OKLaboklab(38.27% 0.0993 0.0635)
OKLCHoklch(38.27% 0.118 32.6)
XYZxyz(8.0643, 5.0357, 1.2090)
Luminance0.0503 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#752314 #146675
analogous
#751436 #752314 #755414
triadic
#752314 #147523 #231475
tetradic
#752314 #367514 #146675 #541475
square
#752314 #367514 #146675 #541475
split-complementary
#752314 #147554 #143675
monochromatic
#1A0804 #41130B #752314 #A9331D #DA4429

Accessibility & contrast

On white

10.46
#752314 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.01
#752314 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #752314
10.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##752314#FFFFFF#000000##FFFFFF
##7523141.0010.462.0110.46
#FFFFFF10.461.0021.001.00
#0000002.0121.001.0021.00
##FFFFFF10.461.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3B3412
Deuteranopia (green-blind)
#4F4611
Tritanopia (blue-blind)
#810920
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #752314;
/* rgb */ color: rgb(117, 35, 20);
/* oklch */ color: oklch(38.3% 0.118 32.6);
Tailwind
colors: {
  custom: {
    50: '#a46353',
    500: '#752314',
    950: '#000000',
  },
}
SCSS
$custom: #752314;
$custom-light: #a46353;
$custom-dark: #000000;
JSON
{
  "hex": "#752314",
  "rgb": {
    "r": 117,
    "g": 35,
    "b": 20
  },
  "hsl": {
    "h": 9.278,
    "s": 70.803,
    "l": 26.863
  },
  "oklch": {
    "l": 0.38266,
    "c": 0.1178,
    "h": 32.6
  },
  "luminance": 0.05034
}

Semantic roles & 50–950 ramp

primary
#752314
secondary
#3A9AAB
accent
#D2EE3A
background
#FAF6F4
surface
#F4EBE7
border
#CEC6C3
text
#110502
muted
#807A78

Preview Lab

Preview with #752314

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

Preview Lab → · Contrast checker → · Palette generator →

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