Colore con nome · #978B71
Tawny Owl
Tawny Owl è #978B71: rgb(151 139 113), hsl(41 15% 52%), oklch(0.64 0.04 86.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tawny Owl color name →
#978B71
oklch(0.64 0.04 86.1)
Conversioni di colore
- HEX
- #978b71
- RGB
- rgb(151 139 113)
- HSL
- hsl(41 15% 52%)
- HWB
- hwb(41 44% 41%)
- OKLCH
- oklch(0.64 0.04 86.1)
- OKLab
- oklab(0.64 0.003 0.04)
- CIE Lab
- lab(58.41 1.46 15.68)
- LCH
- lch(58.41 15.75 84.7)
- CMYK
- cmyk(0% 8% 25% 41%)
Tinte · Ombre · Toni
Tinte
- A1967E
- ABA18C
- B5AD9A
- BFB8A8
- CAC4B6
- D4CFC4
- DFDBD3
- E9E7E1
- F4F3F0
Ombre
- 837861
- 6F6652
- 5C5443
- 494335
- 373227
- 26231A
- 17140E
- 080704
- 010101
Toni
- 958A73
- 928974
- 908876
- 8E8777
- 8B8679
- 89847A
- 87837C
- 85827D
- 82817F
Armonie di colore
Complementare +180°
- 978B71
Tawny Owl
- 818CA5
≈ Violet Aura
Analogo -30° +30°
- 978B71
Tawny Owl
- A08675
≈ Chanterelle Sauce
- 8B9074
≈ Mesmerise
Triadico +120° +240°
- 978B71
Tawny Owl
- 709498
≈ Baltic Blue
- 998499
≈ Hatoba Pigeon
Complementare divisa +150° +210°
- 978B71
Tawny Owl
- 7691A2
≈ Jean Jacket Blue
- 8E88A2
≈ Antiquate
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.36:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.24:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.24:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--tawny-owl: #978b71;
--tawny-owl-rgb: 151 139 113;
--tawny-owl-oklch: oklch(0.64 0.04 86.1);
}
.element {
color: var(--tawny-owl);
background-color: hsl(41 15% 52%);
border-color: oklch(0.64 0.04 86.1);
}Tailwind CSS v4
@theme {
--color-tawny-owl: #978b71;
--color-tawny-owl-50: #faf5e9;
--color-tawny-owl-100: #ede7d9;
--color-tawny-owl-200: #dbd4c1;
--color-tawny-owl-300: #c0b7a1;
--color-tawny-owl-400: #a99d84;
--color-tawny-owl-500: #928568;
--color-tawny-owl-600: #7b7058;
--color-tawny-owl-700: #635a47;
--color-tawny-owl-800: #494133;
--color-tawny-owl-900: #332d22;
--color-tawny-owl-950: #1e1a12;
}SCSS
$tawny-owl: #978b71;
$tawny-owl-rgb: 151, 139, 113;
$tawny-owl-light: mix(#fff, $tawny-owl, 20%);
$tawny-owl-dark: mix(#000, $tawny-owl, 20%);
.element {
color: $tawny-owl;
box-shadow: 0 0 0 2px rgba($tawny-owl, 0.35);
}