Nearest named color · #D49B71
#D49B71
Nearest named color: Coyote
#D49B71 (rgb(212 155 113), hsl(25 54% 64%), oklch(0.734 0.089 57.2)) is closest to the named color Coyote. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D49B71
oklch(0.734 0.089 57.2)
Color conversions
- HEX
- #d49b71
- RGB
- rgb(212 155 113)
- HSL
- hsl(25 54% 64%)
- HWB
- hwb(25 44% 17%)
- OKLCH
- oklch(0.734 0.089 57.2)
- OKLab
- oklab(0.734 0.048 0.075)
- CIE Lab
- lab(68.86 18.28 30.81)
- LCH
- lch(68.86 35.82 59.3)
- CMYK
- cmyk(0% 27% 47% 17%)
Tints · Shades · Tones
Tints
- D9A57F
- DDAF8D
- E2B99B
- E6C3A9
- EBCDB8
- EFD7C6
- F3E1D4
- F7EBE2
- FBF5F1
Shades
- B88661
- 9D7252
- 835E43
- 694B35
- 513927
- 3A281A
- 24180E
- 100904
- 020101
Tones
- CC9873
- C39675
- BB9377
- B29179
- AA8E7A
- A28B7C
- 99897D
- 91867E
- 88837F
Color harmonies
Complementary +180°
- D49B71
Coyote
- 71B2DA
≈ Milky Waves
Analogous -30° +30°
- D49B71
Coyote
- DB948B
≈ Tuscan Image
- C1A666
≈ Spring Roll
Triadic +120° +240°
- D49B71
Coyote
- 66BCA8
≈ Bath Turquoise
- AF9DDA
≈ Violet Velvet
Split-complementary +150° +210°
- D49B71
Coyote
- 5EB9C6
≈ Shinbashi
- 90A8E2
≈ Queer Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.40:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.72:1 · APCA Lc 55
Best text color: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--coyote: #d49b71;
--coyote-rgb: 212 155 113;
--coyote-oklch: oklch(0.734 0.089 57.2);
}
.element {
color: var(--coyote);
background-color: hsl(25 54% 64%);
border-color: oklch(0.734 0.089 57.2);
}Tailwind CSS v4
@theme {
--color-coyote: #d49b71;
--color-coyote-50: #fff0dd;
--color-coyote-100: #ffe2cb;
--color-coyote-200: #f2ccaf;
--color-coyote-300: #daad8a;
--color-coyote-400: #c7916a;
--color-coyote-500: #b27648;
--color-coyote-600: #97643e;
--color-coyote-700: #795031;
--color-coyote-800: #5a3a23;
--color-coyote-900: #3f2817;
--color-coyote-950: #281608;
}SCSS
$coyote: #d49b71;
$coyote-rgb: 212, 155, 113;
$coyote-light: mix(#fff, $coyote, 20%);
$coyote-dark: mix(#000, $coyote, 20%);
.element {
color: $coyote;
box-shadow: 0 0 0 2px rgba($coyote, 0.35);
}