Nazwany kolor · #807943
Tribal
Tribal to #807943: rgb(128 121 67), hsl(53 31% 38%), oklch(0.57 0.075 101.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tribal color name →
#807943
oklch(0.57 0.075 101.9)
Konwersje koloru
- HEX
- #807943
- RGB
- rgb(128 121 67)
- HSL
- hsl(53 31% 38%)
- HWB
- hwb(53 26% 50%)
- OKLCH
- oklch(0.57 0.075 101.9)
- OKLab
- oklab(0.57 -0.015 0.073)
- CIE Lab
- lab(50.51 -3.17 30.44)
- LCH
- lch(50.51 30.6 96)
- CMYK
- cmyk(0% 5% 48% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C8656
- 989368
- A4A07A
- B1AD8D
- BDBA9F
- CAC8B2
- D7D5C5
- E4E3D8
- F2F1EB
Odcienie ciemniejsze
- 6E6839
- 5D582F
- 4D4826
- 3D391D
- 2E2B14
- 1F1D0C
- 121005
- 060501
- 010100
Tony
- 807A4A
- 807B51
- 807B57
- 807C5D
- 807D63
- 807E69
- 807E6F
- 807F75
- 807F7A
Harmonie kolorów
Komplementarna +180°
- 807943
Tribal
- 7072A3
≈ Hyacinth Mauve
Analogowa -30° +30°
- 807943
Tribal
- 937044
≈ Grog Yellow
- 678152
≈ Kale
Triada +120° +240°
- 807943
Tribal
- 3F8197
≈ Wipeout
- 966684
≈ Rust Magenta
Komplementarna rozszczepiona +150° +210°
- 807943
Tribal
- 567AA2
≈ Montreux Blue
- 866B97
≈ Poetry Mauve
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.43:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.73:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.73:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--tribal: #807943;
--tribal-rgb: 128 121 67;
--tribal-oklch: oklch(0.57 0.075 101.9);
}
.element {
color: var(--tribal);
background-color: hsl(53 31% 38%);
border-color: oklch(0.57 0.075 101.9);
}Tailwind CSS v4
@theme {
--color-tribal: #807943;
--color-tribal-50: #f8f7de;
--color-tribal-100: #eceacd;
--color-tribal-200: #d9d6b2;
--color-tribal-300: #bdba8e;
--color-tribal-400: #a7a06c;
--color-tribal-500: #90884b;
--color-tribal-600: #7a7340;
--color-tribal-700: #615c33;
--color-tribal-800: #484324;
--color-tribal-900: #322e18;
--color-tribal-950: #1e1b09;
}SCSS
$tribal: #807943;
$tribal-rgb: 128, 121, 67;
$tribal-light: mix(#fff, $tribal, 20%);
$tribal-dark: mix(#000, $tribal, 20%);
.element {
color: $tribal;
box-shadow: 0 0 0 2px rgba($tribal, 0.35);
}