Named color · #873E1A
Dusky Orange
Dusky Orange is #873E1A: rgb(135 62 26), hsl(20 68% 32%), oklch(0.453 0.111 44.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Dusky Orange color name →
#873E1A
oklch(0.453 0.111 44.3)
Color conversions
- HEX
- #873e1a
- RGB
- rgb(135 62 26)
- HSL
- hsl(20 68% 32%)
- HWB
- hwb(20 10% 47%)
- OKLCH
- oklch(0.453 0.111 44.3)
- OKLab
- oklab(0.453 0.079 0.078)
- CIE Lab
- lab(35.8 30.22 36.23)
- LCH
- lch(35.8 47.18 50.2)
- CMYK
- cmyk(0% 54% 81% 47%)
Tints · Shades · Tones
Tints
- 945132
- A16449
- AD765E
- B98974
- C59C8B
- D1AFA1
- DDC3B8
- E8D7CF
- F4EBE7
Shades
- 753515
- 632B10
- 51230C
- 411A07
- 311204
- 210A02
- 130401
- 060100
- 010000
Tones
- 874527
- 874D32
- 87543D
- 875A47
- 876150
- 86675A
- 856D64
- 83746D
- 827A77
Color harmonies
Complementary +180°
- 873E1A
Dusky Orange
- 006079
≈ Blue-Collar
Analogous -30° +30°
- 873E1A
Dusky Orange
- 893843
≈ Rushing Red
- 754D00
≈ Lucky Brown
Triadic +120° +240°
- 873E1A
Dusky Orange
- 006748
≈ Greens
- 504B91
≈ Liberty
Split-complementary +150° +210°
- 873E1A
Dusky Orange
- 006363
≈ Emerald Stone
- 245792
≈ Blue Regent
Tetradic +90° +180° +270°
- 873E1A
Dusky Orange
- 3A631B
≈ Rainforest Matcha
- 006079
≈ Blue-Collar
- 6D4181
≈ Regality
Contrast & accessibility
Ag
AAAOn white
WCAG 7.68:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.73:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.68:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--dusky-orange: #873e1a;
--dusky-orange-rgb: 135 62 26;
--dusky-orange-oklch: oklch(0.453 0.111 44.3);
}
.element {
color: var(--dusky-orange);
background-color: hsl(20 68% 32%);
border-color: oklch(0.453 0.111 44.3);
}Tailwind CSS v4
@theme {
--color-dusky-orange: #873e1a;
--color-dusky-orange-50: #ffecdb;
--color-dusky-orange-100: #ffddc9;
--color-dusky-orange-200: #fdc6ad;
--color-dusky-orange-300: #e7a687;
--color-dusky-orange-400: #d58967;
--color-dusky-orange-500: #c26c45;
--color-dusky-orange-600: #a45c3b;
--color-dusky-orange-700: #83492f;
--color-dusky-orange-800: #623422;
--color-dusky-orange-900: #452416;
--color-dusky-orange-950: #2c1208;
}SCSS
$dusky-orange: #873e1a;
$dusky-orange-rgb: 135, 62, 26;
$dusky-orange-light: mix(#fff, $dusky-orange, 20%);
$dusky-orange-dark: mix(#000, $dusky-orange, 20%);
.element {
color: $dusky-orange;
box-shadow: 0 0 0 2px rgba($dusky-orange, 0.35);
}