#7A6235#7A6235

#7A6235 is a mid, moderate orange. Relative luminance 0.131; OKLCH L 51.0% C 0.070 H 81.9°. Best body text is #FFFFFF at 5.79:1 contrast (WCAG AA passes).

Color values

HEX#7A6235
RGBrgb(122, 98, 53)
HSLhsl(39, 39%, 34%)
HSVhsv(39, 57%, 48%)
CMYKcmyk(0%, 19.7%, 56.6%, 52.2%)
CIE-LABlab(42.96, 3.72, 29.02)
CIE-LCHlch(42.96, 29.26, 82.69°)
OKLaboklab(50.97% 0.0099 0.0689)
OKLCHoklch(50.97% 0.07 81.9)
XYZxyz(13.0369, 13.1307, 5.2153)
Luminance0.1313 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7A6235 #354D7A
analogous
#7A3F35 #7A6235 #707A35
triadic
#7A6235 #357A62 #62357A
tetradic
#7A6235 #357A3F #354D7A #7A3570
square
#7A6235 #357A3F #354D7A #7A3570
split-complementary
#7A6235 #35707A #3F357A
monochromatic
#251D10 #4F4022 #7A6235 #A58448 #BFA16B

Accessibility & contrast

On white

5.79
#7A6235 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.63
#7A6235 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7A6235
5.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7A6235#FFFFFF#000000##FFFFFF
##7A62351.005.793.635.79
#FFFFFF5.791.0021.001.00
#0000003.6321.001.0021.00
##FFFFFF5.791.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6C6231
Deuteranopia (green-blind)
#726836
Tritanopia (blue-blind)
#835B57
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #7a6235;
/* rgb */ color: rgb(122, 98, 53);
/* oklch */ color: oklch(51.0% 0.070 81.9);
Tailwind
colors: {
  custom: {
    50: '#a28e6d',
    500: '#7a6235',
    950: '#000000',
  },
}
SCSS
$custom: #7a6235;
$custom-light: #a28e6d;
$custom-dark: #000000;
JSON
{
  "hex": "#7a6235",
  "rgb": {
    "r": 122,
    "g": 98,
    "b": 53
  },
  "hsl": {
    "h": 39.13,
    "s": 39.429,
    "l": 34.314
  },
  "oklch": {
    "l": 0.50967,
    "c": 0.06955,
    "h": 81.9
  },
  "luminance": 0.1313
}

Semantic roles & 50–950 ramp

primary
#7A6235
secondary
#647BA7
accent
#82CF58
background
#FAF8F6
surface
#F4F0EB
border
#CECBC6
text
#0F0C07
muted
#7F7D7A

Preview Lab

Preview with #7A6235

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

Preview Lab → · Contrast checker → · Palette generator →

#7A6235 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva