Nazwany kolor · #514843
Tribal Drum
Tribal Drum to #514843: rgb(81 72 67), hsl(21 9% 29%), oklch(0.409 0.015 51). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tribal Drum color name →
#514843
oklch(0.409 0.015 51)
Konwersje koloru
- HEX
- #514843
- RGB
- rgb(81 72 67)
- HSL
- hsl(21 9% 29%)
- HWB
- hwb(21 26% 68%)
- OKLCH
- oklch(0.409 0.015 51)
- OKLab
- oklab(0.409 0.009 0.011)
- CIE Lab
- lab(31.39 3.2 4.46)
- LCH
- lch(31.39 5.49 54.4)
- CMYK
- cmyk(0% 11% 17% 68%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 615854
- 716965
- 817B77
- 928C89
- A49F9C
- B5B1AF
- C7C4C2
- DAD7D6
- ECEBEA
Odcienie ciemniejsze
- 453D39
- 3A332F
- 2F2926
- 241F1D
- 1A1614
- 100D0C
- 070605
- 020201
- 000000
Tony
- 564D49
- 5A534F
- 5F5855
- 635E5B
- 686361
- 6D6967
- 726F6D
- 767473
- 7B7A7A
Harmonie kolorów
Komplementarna +180°
- 514843
Tribal Drum
- 424C51
≈ Dead Forest
Analogowa -30° +30°
- 514843
Tribal Drum
- 524747
≈ Chinotto
- 4E4941
≈ Black Fox
Triada +120° +240°
- 514843
Tribal Drum
- 424D49
≈ Corduroy
- 4A4952
≈ Limo-Scene
Komplementarna rozszczepiona +150° +210°
- 514843
Tribal Drum
- 414D4D
≈ Urban Chic
- 464A52
≈ Sea Mariner
Tetrada +90° +180° +270°
- 514843
Tribal Drum
- 464C45
≈ Sporting Green
- 424C51
≈ Dead Forest
- 4E484F
≈ Extravagance
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.90:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.35:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.90:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--tribal-drum: #514843;
--tribal-drum-rgb: 81 72 67;
--tribal-drum-oklch: oklch(0.409 0.015 51);
}
.element {
color: var(--tribal-drum);
background-color: hsl(21 9% 29%);
border-color: oklch(0.409 0.015 51);
}Tailwind CSS v4
@theme {
--color-tribal-drum: #514843;
--color-tribal-drum-50: #f9f4f1;
--color-tribal-drum-100: #ece7e3;
--color-tribal-drum-200: #dad3ce;
--color-tribal-drum-300: #beb5b1;
--color-tribal-drum-400: #a69c97;
--color-tribal-drum-500: #8f847e;
--color-tribal-drum-600: #796f6a;
--color-tribal-drum-700: #615955;
--color-tribal-drum-800: #47413e;
--color-tribal-drum-900: #312d2b;
--color-tribal-drum-950: #1d1a18;
}SCSS
$tribal-drum: #514843;
$tribal-drum-rgb: 81, 72, 67;
$tribal-drum-light: mix(#fff, $tribal-drum, 20%);
$tribal-drum-dark: mix(#000, $tribal-drum, 20%);
.element {
color: $tribal-drum;
box-shadow: 0 0 0 2px rgba($tribal-drum, 0.35);
}