#634423#634423

#634423 is a dark, moderate orange. Relative luminance 0.069; OKLCH L 41.4% C 0.064 H 66.1°. Best body text is #FFFFFF at 8.82:1 contrast (WCAG AA passes).

Color values

HEX#634423
RGBrgb(99, 68, 35)
HSLhsl(31, 48%, 26%)
HSVhsv(31, 65%, 39%)
CMYKcmyk(0%, 31.3%, 64.6%, 61.2%)
CIE-LABlab(31.60, 9.45, 25.01)
CIE-LCHlch(31.60, 26.74, 69.30°)
OKLaboklab(41.38% 0.0259 0.0586)
OKLCHoklch(41.38% 0.064 66.1)
XYZxyz(7.5165, 6.9088, 2.5274)
Luminance0.0691 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#634423 #234263
analogous
#632423 #634423 #626323
triadic
#634423 #236344 #442363
tetradic
#634423 #236324 #234263 #632362
square
#634423 #236324 #234263 #632362
split-complementary
#634423 #236263 #242363
monochromatic
#171008 #362513 #634423 #906333 #BD8244

Accessibility & contrast

On white

8.82
#634423 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.38
#634423 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #634423
8.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##634423#FFFFFF#000000##FFFFFF
##6344231.008.822.388.82
#FFFFFF8.821.0021.001.00
#0000002.3821.001.0021.00
##FFFFFF8.821.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4E4620
Deuteranopia (green-blind)
#554D24
Tritanopia (blue-blind)
#6C3D3C
Achromatopsia (no color)
#4A4A4A

Design tokens & code

CSS
--color: #634423;
/* rgb */ color: rgb(99, 68, 35);
/* oklch */ color: oklch(41.4% 0.064 66.1);
Tailwind
colors: {
  custom: {
    50: '#92775f',
    500: '#634423',
    950: '#000000',
  },
}
SCSS
$custom: #634423;
$custom-light: #92775f;
$custom-dark: #000000;
JSON
{
  "hex": "#634423",
  "rgb": {
    "r": 99,
    "g": 68,
    "b": 35
  },
  "hsl": {
    "h": 30.938,
    "s": 47.761,
    "l": 26.275
  },
  "oklch": {
    "l": 0.41382,
    "c": 0.06404,
    "h": 66.1
  },
  "luminance": 0.06908
}

Semantic roles & 50–950 ramp

primary
#634423
secondary
#4B7097
accent
#92D750
background
#F9F7F5
surface
#F2EDE9
border
#CCC8C5
text
#0D0804
muted
#7E7B79

Preview Lab

Preview with #634423

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

Preview Lab → · Contrast checker → · Palette generator →

#634423 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva