Colore con nome più vicino · #DEA06E
#DEA06E
Colore con nome più vicino: Coyote
#DEA06E (rgb(222 160 110), hsl(27 63% 65%), oklch(0.754 0.099 59.4)) è più vicino al colore con nome Coyote. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DEA06E
oklch(0.754 0.099 59.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E2AA7D
- E6B38C
- E9BD9A
- EDC6A8
- F0D0B7
- F3D9C5
- F6E2D4
- F9ECE2
- FCF5F0
Ombre
- C18B5F
- A57650
- 896141
- 6F4E33
- 553B26
- 3D2919
- 26190E
- 120904
- 020101
Toni
- D59D71
- CB9A73
- C29775
- B89477
- AF9179
- A68D7B
- 9C8A7C
- 93877E
- 89837F
Armonie di colore
Complementare +180°
- DEA06E
Coyote
- 71B8E7
≈ Norfolk Sky
Analogo -30° +30°
- DEA06E
Coyote
- E7978B
≈ Salmon Salt
- C8AC63
≈ Desert
Triadico +120° +240°
- DEA06E
Coyote
- 5FC4B1
≈ Cockatoo
- B8A1E5
≈ Enchanted Lavender
Complementare divisa +150° +210°
- DEA06E
Coyote
- 58C0D1
≈ Skink Blue
- 96ADEF
≈ Kitten’s Eye
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.35:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}