#6B5437#6B5437

#6B5437 is a mid, muted orange. Relative luminance 0.097; OKLCH L 46.2% C 0.053 H 72.4°. Best body text is #FFFFFF at 7.12:1 contrast (WCAG AA passes).

Color values

HEX	#6B5437
RGB	rgb(107, 84, 55)
HSL	hsl(33, 32%, 32%)
HSV	hsv(33, 49%, 42%)
CMYK	cmyk(0%, 21.5%, 48.6%, 58%)
CIE-LAB	lab(37.38, 5.37, 20.55)
CIE-LCH	lch(37.38, 21.24, 75.36°)
OKLab	oklab(46.22% 0.016 0.0502)
OKLCH	oklch(46.22% 0.053 72.4)
XYZ	xyz(9.9237, 9.7428, 4.9715)
Luminance	0.0974 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6B5437 #374E6B

analogous

#6B3A37 #6B5437 #686B37

triadic

#6B5437 #376B54 #54376B

tetradic

#6B5437 #376B3A #374E6B #6B3768

square

#6B5437 #376B3A #374E6B #6B3768

split-complementary

#6B5437 #37686B #3A376B

monochromatic

#1A150D #433422 #6B5437 #93744C #B2926A

Accessibility & contrast

On white

7.12

#6B5437 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.95

#6B5437 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6B5437

7.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6B5437	#FFFFFF	#000000	##FFFFFF
##6B5437	1.00	7.12	2.95	7.12
#FFFFFF	7.12	1.00	21.00	1.00
#000000	2.95	21.00	1.00	21.00
##FFFFFF	7.12	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5C5535

Deuteranopia (green-blind)

#625A38

Tritanopia (blue-blind)

#734E4D

Achromatopsia (no color)

#585858

Design tokens & code

CSS

--color: #6b5437;
/* rgb */ color: rgb(107, 84, 55);
/* oklch */ color: oklch(46.2% 0.053 72.4);

Tailwind

colors: {
  custom: {
    50: '#97846e',
    500: '#6b5437',
    950: '#000000',
  },
}

SCSS

$custom: #6b5437;
$custom-light: #97846e;
$custom-dark: #000000;

JSON

{
  "hex": "#6b5437",
  "rgb": {
    "r": 107,
    "g": 84,
    "b": 55
  },
  "hsl": {
    "h": 33.462,
    "s": 32.099,
    "l": 31.765
  },
  "oklch": {
    "l": 0.46215,
    "c": 0.0527,
    "h": 72.4
  },
  "luminance": 0.09742
}

Semantic roles & 50–950 ramp

primary

#6B5437

secondary

#627C9B

accent

#8EC860

background

#F9F8F6

surface

#F2EFEC

border

#CCCAC7

text

#0E0A07

muted

#7E7C7A

Preview Lab

Preview with #6B5437

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

Preview Lab → · Contrast checker → · Palette generator →