Benannte Farbe · #62584C
Ares Shadow
Ares Shadow ist #62584C: rgb(98 88 76), hsl(33 13% 34%), oklch(0.466 0.023 72.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ares Shadow color name →
#62584C
oklch(0.466 0.023 72.3)
Farbumrechnungen
- HEX
- #62584c
- RGB
- rgb(98 88 76)
- HSL
- hsl(33 13% 34%)
- HWB
- hwb(33 30% 62%)
- OKLCH
- oklch(0.466 0.023 72.3)
- OKLab
- oklab(0.466 0.007 0.022)
- CIE Lab
- lab(38.11 2.59 8.55)
- LCH
- lch(38.11 8.93 73.1)
- CMYK
- cmyk(0% 10% 22% 62%)
Tints · Shades · Tones
Tints
- 70675C
- 7F776D
- 8E877E
- 9E978F
- ADA8A1
- BDB9B3
- CDCAC6
- DEDBD8
- EEEDEC
Shades
- 544B41
- 473F36
- 3A332C
- 2D2822
- 211D18
- 16120F
- 0B0906
- 030302
- 000000
Tones
- 655C51
- 686056
- 6B645B
- 6E6860
- 716C66
- 74706B
- 777470
- 7A7875
- 7D7C7B
Farbharmonien
Komplementär +180°
- 62584C
Ares Shadow
- 515B67
≈ Novelty Navy
Analog -30° +30°
- 62584C
Ares Shadow
- 665650
≈ Harvest Oak
- 5C5B4C
≈ Moss Rock
Triadisch +120° +240°
- 62584C
Ares Shadow
- 4B5E5D
≈ Still Waters Run Deep
- 5E5663
≈ Ripe Berry
Geteilt komplementär +150° +210°
- 62584C
Ares Shadow
- 4C5D63
≈ Still Waters Run Deep
- 575867
≈ Ripe Berry
Tetradisch +90° +180° +270°
- 62584C
Ares Shadow
- 4F5E56
≈ Feldgrau
- 515B67
≈ Novelty Navy
- 63555D
≈ Indulgent
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.95:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.01:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--ares-shadow: #62584c;
--ares-shadow-rgb: 98 88 76;
--ares-shadow-oklch: oklch(0.466 0.023 72.3);
}
.element {
color: var(--ares-shadow);
background-color: hsl(33 13% 34%);
border-color: oklch(0.466 0.023 72.3);
}Tailwind CSS v4
@theme {
--color-ares-shadow: #62584c;
--color-ares-shadow-50: #f9f4ee;
--color-ares-shadow-100: #ede7e0;
--color-ares-shadow-200: #dad3ca;
--color-ares-shadow-300: #bfb6ab;
--color-ares-shadow-400: #a79d90;
--color-ares-shadow-500: #908476;
--color-ares-shadow-600: #7a7064;
--color-ares-shadow-700: #615950;
--color-ares-shadow-800: #48413a;
--color-ares-shadow-900: #322d28;
--color-ares-shadow-950: #1e1a16;
}SCSS
$ares-shadow: #62584c;
$ares-shadow-rgb: 98, 88, 76;
$ares-shadow-light: mix(#fff, $ares-shadow, 20%);
$ares-shadow-dark: mix(#000, $ares-shadow, 20%);
.element {
color: $ares-shadow;
box-shadow: 0 0 0 2px rgba($ares-shadow, 0.35);
}