#696259#696259

#696259 is a mid, near-neutral orange. Relative luminance 0.125; OKLCH L 50.0% C 0.017 H 74.3°. Best body text is #FFFFFF at 6.01:1 contrast (WCAG AA passes).

Color values

HEX	#696259
RGB	rgb(105, 98, 89)
HSL	hsl(34, 8%, 38%)
HSV	hsv(34, 15%, 41%)
CMYK	cmyk(0%, 6.7%, 15.2%, 58.8%)
CIE-LAB	lab(41.94, 1.07, 6.12)
CIE-LCH	lch(41.94, 6.22, 80.05°)
OKLab	oklab(49.99% 0.0045 0.016)
OKLCH	oklch(49.99% 0.017 74.3)
XYZ	xyz(11.9964, 12.4601, 11.2223)
Luminance	0.1246 (WCAG relative)
Temperature	neutral
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#696259 #596069

analogous

#695A59 #696259 #686959

triadic

#696259 #596962 #625969

tetradic

#696259 #59695A #596069 #695968

square

#696259 #59695A #596069 #695968

split-complementary

#696259 #596869 #5A5969

monochromatic

#272421 #48433D #696259 #8A8175 #A69F96

Accessibility & contrast

On white

6.01

#696259 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.49

#696259 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #696259

6.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##696259	#FFFFFF	#000000	##FFFFFF
##696259	1.00	6.01	3.49	6.01
#FFFFFF	6.01	1.00	21.00	1.00
#000000	3.49	21.00	1.00	21.00
##FFFFFF	6.01	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#656258

Deuteranopia (green-blind)

#666459

Tritanopia (blue-blind)

#6C605F

Achromatopsia (no color)

#636363

Design tokens & code

CSS

--color: #696259;
/* rgb */ color: rgb(105, 98, 89);
/* oklch */ color: oklch(50.0% 0.017 74.3);

Tailwind

colors: {
  custom: {
    50: '#948e87',
    500: '#696259',
    950: '#000000',
  },
}

SCSS

$custom: #696259;
$custom-light: #948e87;
$custom-dark: #000000;

JSON

{
  "hex": "#696259",
  "rgb": {
    "r": 105,
    "g": 98,
    "b": 89
  },
  "hsl": {
    "h": 33.75,
    "s": 8.247,
    "l": 38.039
  },
  "oklch": {
    "l": 0.49989,
    "c": 0.01658,
    "h": 74.3
  },
  "luminance": 0.1246
}

Semantic roles & 50–950 ramp

primary

#696259

secondary

#888E95

accent

#90B177

background

#F9F8F8

surface

#F1F0EF

border

#CBCBCA

text

#0D0C0B

muted

#7E7D7C

Preview Lab

Preview with #696259

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

Preview Lab → · Contrast checker → · Palette generator →