Colore con nome · #995522
Mammoth Wool
Mammoth Wool è #995522: rgb(153 85 34), hsl(26 64% 37%), oklch(0.521 0.11 53.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Mammoth Wool color name →
#995522
oklch(0.521 0.11 53.9)
Conversioni di colore
- HEX
- #995522
- RGB
- rgb(153 85 34)
- HSL
- hsl(26 64% 37%)
- HWB
- hwb(26 13% 40%)
- OKLCH
- oklch(0.521 0.11 53.9)
- OKLab
- oklab(0.521 0.065 0.089)
- CIE Lab
- lab(43.79 25.98 41.01)
- LCH
- lch(43.79 48.55 57.6)
- CMYK
- cmyk(0% 44% 78% 40%)
Tinte · Ombre · Toni
Tinte
- A4663B
- AF7651
- B98766
- C4977B
- CEA891
- D8B9A6
- E2CABC
- ECDCD2
- F5EDE8
Ombre
- 84491C
- 703D16
- 5D3111
- 4A260B
- 381C07
- 271103
- 170801
- 080200
- 010000
Toni
- 975A2F
- 955F3A
- 936344
- 91684D
- 8F6C56
- 8C705F
- 897467
- 86786F
- 837C78
Armonie di colore
Complementare +180°
- 995522
Mammoth Wool
- 00729E
≈ Tofino Belue
Analogo -30° +30°
- 995522
Mammoth Wool
- 9F4C49
≈ Sweet Cherry
- 866300
≈ Alligator
Triadico +120° +240°
- 995522
Mammoth Wool
- 007B65
≈ Ultramarine Green
- 6D5BA2
≈ Sumire Violet
Complementare divisa +150° +210°
- 995522
Mammoth Wool
- 007780
≈ Hypnotic Sea
- 4867A8
≈ Indigo Batik
Tetradico +90° +180° +270°
- 995522
Mammoth Wool
- 3D793D
≈ Cucumber Queen
- 00729E
≈ Tofino Belue
- 88518D
≈ Cosmic Berry
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.71:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.67:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.71:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--mammoth-wool: #995522;
--mammoth-wool-rgb: 153 85 34;
--mammoth-wool-oklch: oklch(0.521 0.11 53.9);
}
.element {
color: var(--mammoth-wool);
background-color: hsl(26 64% 37%);
border-color: oklch(0.521 0.11 53.9);
}Tailwind CSS v4
@theme {
--color-mammoth-wool: #995522;
--color-mammoth-wool-50: #ffeed8;
--color-mammoth-wool-100: #ffdfc5;
--color-mammoth-wool-200: #fac9a7;
--color-mammoth-wool-300: #e4a980;
--color-mammoth-wool-400: #d18c5e;
--color-mammoth-wool-500: #be7038;
--color-mammoth-wool-600: #a05f31;
--color-mammoth-wool-700: #814c26;
--color-mammoth-wool-800: #60361b;
--color-mammoth-wool-900: #432512;
--color-mammoth-wool-950: #2b1304;
}SCSS
$mammoth-wool: #995522;
$mammoth-wool-rgb: 153, 85, 34;
$mammoth-wool-light: mix(#fff, $mammoth-wool, 20%);
$mammoth-wool-dark: mix(#000, $mammoth-wool, 20%);
.element {
color: $mammoth-wool;
box-shadow: 0 0 0 2px rgba($mammoth-wool, 0.35);
}