#633414#633414

#633414 is a dark, moderate orange. Relative luminance 0.052; OKLCH L 37.9% C 0.081 H 51.8°. Best body text is #FFFFFF at 10.34:1 contrast (WCAG AA passes).

Color values

HEX	#633414
RGB	rgb(99, 52, 20)
HSL	hsl(24, 66%, 23%)
HSV	hsv(24, 80%, 39%)
CMYK	cmyk(0%, 47.5%, 79.8%, 61.2%)
CIE-LAB	lab(27.19, 18.33, 28.57)
CIE-LCH	lch(27.19, 33.94, 57.32°)
OKLab	oklab(37.91% 0.0499 0.0634)
OKLCH	oklch(37.91% 0.081 51.8)
XYZ	xyz(6.5004, 5.1599, 1.3153)
Luminance	0.0516 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#633414 #144363

analogous

#63141B #633414 #635B14

triadic

#633414 #146334 #341463

tetradic

#633414 #1B6314 #144363 #5B1463

square

#633414 #1B6314 #144363 #5B1463

split-complementary

#633414 #14635B #141B63

monochromatic

#190D05 #30190A #633414 #964F1E #C96929

Accessibility & contrast

On white

10.34

#633414 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.03

#633414 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #633414

10.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##633414	#FFFFFF	#000000	##FFFFFF
##633414	1.00	10.34	2.03	10.34
#FFFFFF	10.34	1.00	21.00	1.00
#000000	2.03	21.00	1.00	21.00
##FFFFFF	10.34	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#423A10

Deuteranopia (green-blind)

#4D4414

Tritanopia (blue-blind)

#6D2A2D

Achromatopsia (no color)

#404040

Design tokens & code

CSS

--color: #633414;
/* rgb */ color: rgb(99, 52, 20);
/* oklch */ color: oklch(37.9% 0.081 51.8);

Tailwind

colors: {
  custom: {
    50: '#946c53',
    500: '#633414',
    950: '#000000',
  },
}

SCSS

$custom: #633414;
$custom-light: #946c53;
$custom-dark: #000000;

JSON

{
  "hex": "#633414",
  "rgb": {
    "r": 99,
    "g": 52,
    "b": 20
  },
  "hsl": {
    "h": 24.304,
    "s": 66.387,
    "l": 23.333
  },
  "oklch": {
    "l": 0.3791,
    "c": 0.08065,
    "h": 51.8
  },
  "luminance": 0.05159
}

Semantic roles & 50–950 ramp

primary

#633414

secondary

#38739A

accent

#A4E93E

background

#F9F6F4

surface

#F2EBE7

border

#CCC6C3

text

#0E0702

muted

#7E7A78

Preview Lab

Preview with #633414

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

Preview Lab → · Contrast checker → · Palette generator →