#462613#462613

#462613 is a dark, muted orange. Relative luminance 0.027; OKLCH L 30.6% C 0.057 H 50.0°. Best body text is #FFFFFF at 13.57:1 contrast (WCAG AA passes).

Color values

HEX#462613
RGBrgb(70, 38, 19)
HSLhsl(22, 57%, 17%)
HSVhsv(22, 73%, 27%)
CMYKcmyk(0%, 45.7%, 72.9%, 72.5%)
CIE-LABlab(18.95, 13.06, 18.83)
CIE-LCHlch(18.95, 22.91, 55.25°)
OKLaboklab(30.62% 0.0366 0.0437)
OKLCHoklch(30.62% 0.057 50)
XYZxyz(3.3367, 2.7357, 0.9683)
Luminance0.0273 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#462613 #133346
analogous
#46131A #462613 #463F13
triadic
#462613 #134626 #261346
tetradic
#462613 #1A4613 #133346 #3F1346
square
#462613 #1A4613 #133346 #3F1346
split-complementary
#462613 #13463F #131A46
monochromatic
#180D07 #180D07 #462613 #764020 #A65A2D

Accessibility & contrast

On white

13.57
#462613 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.55
#462613 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #462613
13.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##462613#FFFFFF#000000##FFFFFF
##4626131.0013.571.5513.57
#FFFFFF13.571.0021.001.00
#0000001.5521.001.0021.00
##FFFFFF13.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2F2A11
Deuteranopia (green-blind)
#373113
Tritanopia (blue-blind)
#4D2022
Achromatopsia (no color)
#2E2E2E

Design tokens & code

CSS
--color: #462613;
/* rgb */ color: rgb(70, 38, 19);
/* oklch */ color: oklch(30.6% 0.057 50.0);
Tailwind
colors: {
  custom: {
    50: '#7d6051',
    500: '#462613',
    950: '#000000',
  },
}
SCSS
$custom: #462613;
$custom-light: #7d6051;
$custom-dark: #000000;
JSON
{
  "hex": "#462613",
  "rgb": {
    "r": 70,
    "g": 38,
    "b": 19
  },
  "hsl": {
    "h": 22.353,
    "s": 57.303,
    "l": 17.451
  },
  "oklch": {
    "l": 0.30618,
    "c": 0.05702,
    "h": 50
  },
  "luminance": 0.02735
}

Semantic roles & 50–950 ramp

primary
#462613
secondary
#36647F
accent
#A7E147
background
#F7F5F4
surface
#EEE9E7
border
#C9C5C3
text
#0A0502
muted
#7C7978

Preview Lab

Preview with #462613

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

Preview Lab → · Contrast checker → · Palette generator →

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