Benannte Farbe · #636340
Glossy Olive
Glossy Olive ist #636340: rgb(99 99 64), hsl(60 21% 32%), oklch(0.49 0.052 108.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Glossy Olive color name →
#636340
oklch(0.49 0.052 108.2)
Farbumrechnungen
- HEX
- #636340
- RGB
- rgb(99 99 64)
- HSL
- hsl(60 21% 32%)
- HWB
- hwb(60 25% 61%)
- OKLCH
- oklch(0.49 0.052 108.2)
- OKLab
- oklab(0.49 -0.016 0.049)
- CIE Lab
- lab(41.27 -4.49 19.94)
- LCH
- lch(41.27 20.44 102.7)
- CMYK
- cmyk(0% 0% 35% 61%)
Tints · Shades · Tones
Tints
- 717152
- 808064
- 8F8F76
- 9E9E88
- AEAE9B
- BDBEAF
- CDCEC2
- DEDED6
- EEEEEA
Shades
- 555536
- 47472D
- 3A3A24
- 2E2E1B
- 212113
- 16160B
- 0B0B05
- 030301
- 000000
Tones
- 666647
- 69694D
- 6B6C54
- 6E6F5A
- 717260
- 747467
- 77776D
- 7A7A73
- 7D7D7A
Farbharmonien
Komplementär +180°
- 636340
Glossy Olive
- 5F5C7D
≈ Strong Iris
Analog -30° +30°
- 636340
Glossy Olive
- 715D3E
≈ Muddy River
- 52684B
≈ Jalapeño Bouquet
Triadisch +120° +240°
- 636340
Glossy Olive
- 406778
≈ Barbados
- 775566
≈ Passive Royal
Geteilt komplementär +150° +210°
- 636340
Glossy Olive
- 4E627E
≈ Admiral Blue
- 6D5774
≈ Trixter
Tetradisch +90° +180° +270°
- 636340
Glossy Olive
- 3A6A6B
≈ Moat
- 5F5C7D
≈ Strong Iris
- 7B5555
≈ Cranberry Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.19:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.38:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--glossy-olive: #636340;
--glossy-olive-rgb: 99 99 64;
--glossy-olive-oklch: oklch(0.49 0.052 108.2);
}
.element {
color: var(--glossy-olive);
background-color: hsl(60 21% 32%);
border-color: oklch(0.49 0.052 108.2);
}Tailwind CSS v4
@theme {
--color-glossy-olive: #636340;
--color-glossy-olive-50: #f6f7e6;
--color-glossy-olive-100: #e8ead6;
--color-glossy-olive-200: #d5d7be;
--color-glossy-olive-300: #b8ba9c;
--color-glossy-olive-400: #a1a17e;
--color-glossy-olive-500: #898961;
--color-glossy-olive-600: #747452;
--color-glossy-olive-700: #5d5d42;
--color-glossy-olive-800: #44442f;
--color-glossy-olive-900: #2f2f20;
--color-glossy-olive-950: #1c1b0f;
}SCSS
$glossy-olive: #636340;
$glossy-olive-rgb: 99, 99, 64;
$glossy-olive-light: mix(#fff, $glossy-olive, 20%);
$glossy-olive-dark: mix(#000, $glossy-olive, 20%);
.element {
color: $glossy-olive;
box-shadow: 0 0 0 2px rgba($glossy-olive, 0.35);
}