Nazwany kolor · #995522
Mammoth Wool
Mammoth Wool to #995522: rgb(153 85 34), hsl(26 64% 37%), oklch(0.521 0.11 53.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Mammoth Wool color name →
#995522
oklch(0.521 0.11 53.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4663B
- AF7651
- B98766
- C4977B
- CEA891
- D8B9A6
- E2CABC
- ECDCD2
- F5EDE8
Odcienie ciemniejsze
- 84491C
- 703D16
- 5D3111
- 4A260B
- 381C07
- 271103
- 170801
- 080200
- 010000
Tony
- 975A2F
- 955F3A
- 936344
- 91684D
- 8F6C56
- 8C705F
- 897467
- 86786F
- 837C78
Harmonie kolorów
Komplementarna +180°
- 995522
Mammoth Wool
- 00729E
≈ Tofino Belue
Analogowa -30° +30°
- 995522
Mammoth Wool
- 9F4C49
≈ Sweet Cherry
- 866300
≈ Alligator
Triada +120° +240°
- 995522
Mammoth Wool
- 007B65
≈ Ultramarine Green
- 6D5BA2
≈ Sumire Violet
Komplementarna rozszczepiona +150° +210°
- 995522
Mammoth Wool
- 007780
≈ Hypnotic Sea
- 4867A8
≈ Indigo Batik
Tetrada +90° +180° +270°
- 995522
Mammoth Wool
- 3D793D
≈ Cucumber Queen
- 00729E
≈ Tofino Belue
- 88518D
≈ Cosmic Berry
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.71:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.67:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.71:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}