Benannte Farbe · #8E9849
Chrysolite
Chrysolite ist #8E9849: rgb(142 152 73), hsl(68 35% 44%), oklch(0.654 0.104 115.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Chrysolite color name →
#8E9849
oklch(0.654 0.104 115.3)
Farbumrechnungen
- HEX
- #8e9849
- RGB
- rgb(142 152 73)
- HSL
- hsl(68 35% 44%)
- HWB
- hwb(68 29% 40%)
- OKLCH
- oklch(0.654 0.104 115.3)
- OKLab
- oklab(0.654 -0.045 0.094)
- CIE Lab
- lab(60.72 -12.55 39.7)
- LCH
- lch(60.72 41.64 107.5)
- CMYK
- cmyk(7% 0% 52% 40%)
Tints · Shades · Tones
Tints
- 99A25C
- A3AC6F
- AEB681
- B9C193
- C5CBA5
- D0D5B7
- DBE0C9
- E7EADB
- F3F5ED
Shades
- 7B843E
- 687034
- 565C2A
- 444A20
- 343817
- 24270E
- 151706
- 070802
- 010100
Tones
- 8C9650
- 8B9357
- 8A915D
- 888F63
- 878C68
- 858A6D
- 848872
- 838577
- 81837C
Farbharmonien
Komplementär +180°
- 8E9849
Chrysolite
- 9583C9
≈ Amethyst Grey
Analog -30° +30°
- 8E9849
Chrysolite
- AD8B3E
≈ Alpine
- 66A168
≈ Great Gazoo
Triadisch +120° +240°
- 8E9849
Chrysolite
- 489AC7
≈ Mountain Bluebird
- C27593
≈ Prehistoric Pink
Geteilt komplementär +150° +210°
- 8E9849
Chrysolite
- 718FD1
≈ Organza Violet
- B17AB3
≈ Berries Galore
Tetradisch +90° +180° +270°
- 8E9849
Chrysolite
- 24A2AF
≈ Garish Blue
- 9583C9
≈ Amethyst Grey
- C8766F
≈ Red Sparowes
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.73:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--chrysolite: #8e9849;
--chrysolite-rgb: 142 152 73;
--chrysolite-oklch: oklch(0.654 0.104 115.3);
}
.element {
color: var(--chrysolite);
background-color: hsl(68 35% 44%);
border-color: oklch(0.654 0.104 115.3);
}Tailwind CSS v4
@theme {
--color-chrysolite: #8e9849;
--color-chrysolite-50: #f2fad8;
--color-chrysolite-100: #e5edc6;
--color-chrysolite-200: #d0dba8;
--color-chrysolite-300: #b3bf81;
--color-chrysolite-400: #9ca65c;
--color-chrysolite-500: #848e34;
--color-chrysolite-600: #70782d;
--color-chrysolite-700: #596024;
--color-chrysolite-800: #424617;
--color-chrysolite-900: #2e310f;
--color-chrysolite-950: #1b1d03;
}SCSS
$chrysolite: #8e9849;
$chrysolite-rgb: 142, 152, 73;
$chrysolite-light: mix(#fff, $chrysolite, 20%);
$chrysolite-dark: mix(#000, $chrysolite, 20%);
.element {
color: $chrysolite;
box-shadow: 0 0 0 2px rgba($chrysolite, 0.35);
}