Benannte Farbe · #81796F
Vigilant
Vigilant ist #81796F: rgb(129 121 111), hsl(33 7% 47%), oklch(0.58 0.018 73.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Vigilant color name →
#81796F
oklch(0.58 0.018 73.6)
Farbumrechnungen
- HEX
- #81796f
- RGB
- rgb(129 121 111)
- HSL
- hsl(33 7% 47%)
- HWB
- hwb(33 44% 49%)
- OKLCH
- oklch(0.58 0.018 73.6)
- OKLab
- oklab(0.58 0.005 0.017)
- CIE Lab
- lab(51.33 1.81 6.66)
- LCH
- lch(51.33 6.9 74.8)
- CMYK
- cmyk(0% 6% 14% 49%)
Tints · Shades · Tones
Tints
- 8D867C
- 99928A
- A59F98
- B2ACA6
- BEBAB4
- CBC7C3
- D8D5D2
- E5E3E1
- F2F1F0
Shades
- 6F6860
- 5E5851
- 4E4842
- 3E3934
- 2E2B27
- 1F1D1A
- 12100E
- 060504
- 010101
Tones
- 817A71
- 817A72
- 817B74
- 817C76
- 817D78
- 807D79
- 807E7B
- 807F7D
- 807F7E
Farbharmonien
Komplementär +180°
- 81796F
Vigilant
- 737B85
≈ Deep Shale
Analog -30° +30°
- 81796F
Vigilant
- 847772
≈ Palomino Pony
- 7C7B6F
≈ Tapa
Triadisch +120° +240°
- 81796F
Vigilant
- 6F7E7D
≈ Coney Island
- 7E7782
≈ Chain Mail
Geteilt komplementär +150° +210°
- 81796F
Vigilant
- 707D82
≈ Taliesin Blue
- 797985
≈ Infamous
Tetradisch +90° +180° +270°
- 81796F
Vigilant
- 717E77
≈ Harbour Rat
- 737B85
≈ Deep Shale
- 83767D
≈ Chain Mail
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.28:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.89:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.89:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--vigilant: #81796f;
--vigilant-rgb: 129 121 111;
--vigilant-oklch: oklch(0.58 0.018 73.6);
}
.element {
color: var(--vigilant);
background-color: hsl(33 7% 47%);
border-color: oklch(0.58 0.018 73.6);
}Tailwind CSS v4
@theme {
--color-vigilant: #81796f;
--color-vigilant-50: #f8f4f0;
--color-vigilant-100: #ebe7e1;
--color-vigilant-200: #d9d3cc;
--color-vigilant-300: #bdb6ae;
--color-vigilant-400: #a59d93;
--color-vigilant-500: #8e8579;
--color-vigilant-600: #787067;
--color-vigilant-700: #605a52;
--color-vigilant-800: #46413c;
--color-vigilant-900: #312d29;
--color-vigilant-950: #1d1a17;
}SCSS
$vigilant: #81796f;
$vigilant-rgb: 129, 121, 111;
$vigilant-light: mix(#fff, $vigilant, 20%);
$vigilant-dark: mix(#000, $vigilant, 20%);
.element {
color: $vigilant;
box-shadow: 0 0 0 2px rgba($vigilant, 0.35);
}