#725912#725912

#725912 is a mid, moderate orange. Relative luminance 0.108; OKLCH L 47.7% C 0.090 H 87.7°. Best body text is #FFFFFF at 6.66:1 contrast (WCAG AA passes).

Color values

HEX	#725912
RGB	rgb(114, 89, 18)
HSL	hsl(44, 73%, 26%)
HSV	hsv(44, 84%, 45%)
CMYK	cmyk(0%, 21.9%, 84.2%, 55.3%)
CIE-LAB	lab(39.18, 2.97, 41.59)
CIE-LCH	lch(39.18, 41.69, 85.91°)
OKLab	oklab(47.69% 0.0036 0.0899)
OKLCH	oklch(47.69% 0.09 87.7)
XYZ	xyz(10.6217, 10.7666, 2.0909)
Luminance	0.1077 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#725912 #122B72

analogous

#722912 #725912 #5B7212

triadic

#725912 #127259 #591272

tetradic

#725912 #127229 #122B72 #72125B

square

#725912 #127229 #122B72 #72125B

split-complementary

#725912 #125B72 #291272

monochromatic

#1A1504 #3D300A #725912 #A7821A #DCAC23

Accessibility & contrast

On white

6.66

#725912 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.15

#725912 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #725912

6.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##725912	#FFFFFF	#000000	##FFFFFF
##725912	1.00	6.66	3.15	6.66
#FFFFFF	6.66	1.00	21.00	1.00
#000000	3.15	21.00	1.00	21.00
##FFFFFF	6.66	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#655803

Deuteranopia (green-blind)

#6B5F16

Tritanopia (blue-blind)

#7C504C

Achromatopsia (no color)

#5C5C5C

Design tokens & code

CSS

--color: #725912;
/* rgb */ color: rgb(114, 89, 18);
/* oklch */ color: oklch(47.7% 0.090 87.7);

Tailwind

colors: {
  custom: {
    50: '#9e8757',
    500: '#725912',
    950: '#000000',
  },
}

SCSS

$custom: #725912;
$custom-light: #9e8757;
$custom-dark: #000000;

JSON

{
  "hex": "#725912",
  "rgb": {
    "r": 114,
    "g": 89,
    "b": 18
  },
  "hsl": {
    "h": 44.375,
    "s": 72.727,
    "l": 25.882
  },
  "oklch": {
    "l": 0.47685,
    "c": 0.08999,
    "h": 87.7
  },
  "luminance": 0.10766
}

Semantic roles & 50–950 ramp

primary

#725912

secondary

#3755A9

accent

#68EF38

background

#FAF8F5

surface

#F4EFE9

border

#CECAC5

text

#0F0B03

muted

#7F7C78

Preview Lab

Preview with #725912

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

Preview Lab → · Contrast checker → · Palette generator →