#674E0F#674E0F

#674E0F is a dark, moderate orange. Relative luminance 0.084; OKLCH L 43.9% C 0.083 H 85.2°. Best body text is #FFFFFF at 7.86:1 contrast (WCAG AA passes).

Color values

HEX#674E0F
RGBrgb(103, 78, 15)
HSLhsl(43, 75%, 23%)
HSVhsv(43, 85%, 40%)
CMYKcmyk(0%, 24.3%, 85.4%, 59.6%)
CIE-LABlab(34.74, 4.06, 38.24)
CIE-LCHlch(34.74, 38.46, 83.93°)
OKLaboklab(43.89% 0.007 0.0826)
OKLCHoklch(43.89% 0.083 85.2)
XYZxyz(8.4047, 8.3674, 1.6243)
Luminance0.0837 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#674E0F #0F2867
analogous
#67220F #674E0F #54670F
triadic
#674E0F #0F674E #4E0F67
tetradic
#674E0F #0F6722 #0F2867 #670F54
square
#674E0F #0F6722 #0F2867 #670F54
split-complementary
#674E0F #0F5467 #220F67
monochromatic
#1B1404 #322607 #674E0F #9C7617 #D29F1F

Accessibility & contrast

On white

7.86
#674E0F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.67
#674E0F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #674E0F
7.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##674E0F#FFFFFF#000000##FFFFFF
##674E0F1.007.862.677.86
#FFFFFF7.861.0021.001.00
#0000002.6721.001.0021.00
##FFFFFF7.861.0021.001.00

Color blindness preview

Protanopia (red-blind)
#594E03
Deuteranopia (green-blind)
#5F5413
Tritanopia (blue-blind)
#714642
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #674e0f;
/* rgb */ color: rgb(103, 78, 15);
/* oklch */ color: oklch(43.9% 0.083 85.2);
Tailwind
colors: {
  custom: {
    50: '#967f54',
    500: '#674e0f',
    950: '#000000',
  },
}
SCSS
$custom: #674e0f;
$custom-light: #967f54;
$custom-dark: #000000;
JSON
{
  "hex": "#674e0f",
  "rgb": {
    "r": 103,
    "g": 78,
    "b": 15
  },
  "hsl": {
    "h": 42.955,
    "s": 74.576,
    "l": 23.137
  },
  "oklch": {
    "l": 0.43889,
    "c": 0.08292,
    "h": 85.2
  },
  "luminance": 0.08367
}

Semantic roles & 50–950 ramp

primary
#674E0F
secondary
#3251A0
accent
#6CF137
background
#F9F7F5
surface
#F2EEE8
border
#CCC9C4
text
#0E0A03
muted
#7E7C78

Preview Lab

Preview with #674E0F

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

Preview Lab → · Contrast checker → · Palette generator →

#674E0F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva