Nearest named color · #DEA06E
#DEA06E
Nearest named color: Coyote
#DEA06E (rgb(222 160 110), hsl(27 63% 65%), oklch(0.754 0.099 59.4)) is closest to the named color Coyote. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DEA06E
oklch(0.754 0.099 59.4)
Color conversions
- HEX
- #dea06e
- RGB
- rgb(222 160 110)
- HSL
- hsl(27 63% 65%)
- HWB
- hwb(27 43% 13%)
- OKLCH
- oklch(0.754 0.099 59.4)
- OKLab
- oklab(0.754 0.05 0.085)
- CIE Lab
- lab(71.14 19.6 35.55)
- LCH
- lch(71.14 40.59 61.1)
- CMYK
- cmyk(0% 28% 50% 13%)
Tints · Shades · Tones
Tints
- E2AA7D
- E6B38C
- E9BD9A
- EDC6A8
- F0D0B7
- F3D9C5
- F6E2D4
- F9ECE2
- FCF5F0
Shades
- C18B5F
- A57650
- 896141
- 6F4E33
- 553B26
- 3D2919
- 26190E
- 120904
- 020101
Tones
- D59D71
- CB9A73
- C29775
- B89477
- AF9179
- A68D7B
- 9C8A7C
- 93877E
- 89837F
Color harmonies
Complementary +180°
- DEA06E
Coyote
- 71B8E7
≈ Norfolk Sky
Analogous -30° +30°
- DEA06E
Coyote
- E7978B
≈ Salmon Salt
- C8AC63
≈ Desert
Triadic +120° +240°
- DEA06E
Coyote
- 5FC4B1
≈ Cockatoo
- B8A1E5
≈ Enchanted Lavender
Split-complementary +150° +210°
- DEA06E
Coyote
- 58C0D1
≈ Skink Blue
- 96ADEF
≈ Kitten’s Eye
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.24:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.35:1 · APCA Lc 58
Best text color: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--coyote: #dea06e;
--coyote-rgb: 222 160 110;
--coyote-oklch: oklch(0.754 0.099 59.4);
}
.element {
color: var(--coyote);
background-color: hsl(27 63% 65%);
border-color: oklch(0.754 0.099 59.4);
}Tailwind CSS v4
@theme {
--color-coyote: #dea06e;
--color-coyote-50: #ffefd9;
--color-coyote-100: #ffe1c7;
--color-coyote-200: #f4cbaa;
--color-coyote-300: #ddac83;
--color-coyote-400: #ca9061;
--color-coyote-500: #b6753d;
--color-coyote-600: #9a6335;
--color-coyote-700: #7b4f2a;
--color-coyote-800: #5c391e;
--color-coyote-900: #402713;
--color-coyote-950: #291505;
}SCSS
$coyote: #dea06e;
$coyote-rgb: 222, 160, 110;
$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);
}