#614218#614218

#614218 is a dark, moderate orange. Relative luminance 0.065; OKLCH L 40.5% C 0.071 H 71.3°. Best body text is #FFFFFF at 9.13:1 contrast (WCAG AA passes).

Color values

HEX	#614218
RGB	rgb(97, 66, 24)
HSL	hsl(35, 60%, 24%)
HSV	hsv(35, 75%, 38%)
CMYK	cmyk(0%, 32%, 75.3%, 62%)
CIE-LAB	lab(30.65, 8.93, 29.97)
CIE-LCH	lch(30.65, 31.28, 73.41°)
OKLab	oklab(40.54% 0.0228 0.0674)
OKLCH	oklch(40.54% 0.071 71.3)
XYZ	xyz(7.0433, 6.5044, 1.7485)
Luminance	0.0650 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#614218 #183761

analogous

#611D18 #614218 #5B6118

triadic

#614218 #186142 #421861

tetradic

#614218 #18611D #183761 #61185B

square

#614218 #18611D #183761 #61185B

split-complementary

#614218 #185B61 #1D1861

monochromatic

#191106 #30210C #614218 #926324 #C38530

Accessibility & contrast

On white

9.13

#614218 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.30

#614218 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #614218

9.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##614218	#FFFFFF	#000000	##FFFFFF
##614218	1.00	9.13	2.30	9.13
#FFFFFF	9.13	1.00	21.00	1.00
#000000	2.30	21.00	1.00	21.00
##FFFFFF	9.13	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4D4413

Deuteranopia (green-blind)

#544B19

Tritanopia (blue-blind)

#6A3A39

Achromatopsia (no color)

#484848

Design tokens & code

CSS

--color: #614218;
/* rgb */ color: rgb(97, 66, 24);
/* oklch */ color: oklch(40.5% 0.071 71.3);

Tailwind

colors: {
  custom: {
    50: '#917657',
    500: '#614218',
    950: '#000000',
  },
}

SCSS

$custom: #614218;
$custom-light: #917657;
$custom-dark: #000000;

JSON

{
  "hex": "#614218",
  "rgb": {
    "r": 97,
    "g": 66,
    "b": 24
  },
  "hsl": {
    "h": 34.521,
    "s": 60.331,
    "l": 23.725
  },
  "oklch": {
    "l": 0.40545,
    "c": 0.07116,
    "h": 71.3
  },
  "luminance": 0.06504
}

Semantic roles & 50–950 ramp

primary

#614218

secondary

#3D6497

accent

#88E344

background

#F9F7F5

surface

#F2EDE9

border

#CCC8C5

text

#0D0803

muted

#7E7B78

Preview Lab

Preview with #614218

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

Preview Lab → · Contrast checker → · Palette generator →