Colore con nome · #92484A
Cowhide
Cowhide è #92484A: rgb(146 72 74), hsl(358 34% 43%), oklch(0.495 0.1 19.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cowhide color name →
#92484A
oklch(0.495 0.1 19.7)
Conversioni di colore
- HEX
- #92484a
- RGB
- rgb(146 72 74)
- HSL
- hsl(358 34% 43%)
- HWB
- hwb(358 28% 43%)
- OKLCH
- oklch(0.495 0.1 19.7)
- OKLab
- oklab(0.495 0.094 0.034)
- CIE Lab
- lab(40.34 31.97 14.03)
- LCH
- lch(40.34 34.91 23.7)
- CMYK
- cmyk(0% 51% 49% 43%)
Tinte · Ombre · Toni
Tinte
- 9E5A5A
- AA6B6B
- B57D7D
- C08F8E
- CBA1A0
- D6B3B3
- E0C6C5
- EBD9D8
- F5ECEB
Ombre
- 7E3D3F
- 6B3335
- 58292A
- 461F20
- 351617
- 250D0E
- 160606
- 080202
- 010000
Toni
- 914E4F
- 905455
- 8F5A5A
- 8D605F
- 8C6565
- 8A6B6A
- 887070
- 867675
- 837B7B
Armonie di colore
Complementare +180°
- 92484A
Cowhide
- 007074
≈ Active Turquoise
Analogo -30° +30°
- 92484A
Cowhide
- 8B486A
≈ Twilight Lavender
- 8E4F29
≈ Plane Brown
Triadico +120° +240°
- 92484A
Cowhide
- 416F36
≈ Mount Hyjal
- 3E619A
≈ Bright Cobalt
Complementare divisa +150° +210°
- 92484A
Cowhide
- 007359
≈ Tropical Rainforest
- 006B8E
≈ Copacabana
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.46:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.24:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.46:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--cowhide: #92484a;
--cowhide-rgb: 146 72 74;
--cowhide-oklch: oklch(0.495 0.1 19.7);
}
.element {
color: var(--cowhide);
background-color: hsl(358 34% 43%);
border-color: oklch(0.495 0.1 19.7);
}Tailwind CSS v4
@theme {
--color-cowhide: #92484a;
--color-cowhide-50: #ffebe8;
--color-cowhide-100: #ffdcd9;
--color-cowhide-200: #fcc4c1;
--color-cowhide-300: #e6a3a1;
--color-cowhide-400: #d38686;
--color-cowhide-500: #bf696b;
--color-cowhide-600: #a25a5b;
--color-cowhide-700: #824748;
--color-cowhide-800: #603335;
--color-cowhide-900: #442324;
--color-cowhide-950: #2b1213;
}SCSS
$cowhide: #92484a;
$cowhide-rgb: 146, 72, 74;
$cowhide-light: mix(#fff, $cowhide, 20%);
$cowhide-dark: mix(#000, $cowhide, 20%);
.element {
color: $cowhide;
box-shadow: 0 0 0 2px rgba($cowhide, 0.35);
}