Benannte Farbe · #959984
Gundaroo Green
Gundaroo Green ist #959984: rgb(149 153 132), hsl(71 9% 56%), oklch(0.674 0.03 116). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gundaroo Green color name →
#959984
oklch(0.674 0.03 116)
Farbumrechnungen
- HEX
- #959984
- RGB
- rgb(149 153 132)
- HSL
- hsl(71 9% 56%)
- HWB
- hwb(71 52% 40%)
- OKLCH
- oklch(0.674 0.03 116)
- OKLab
- oklab(0.674 -0.013 0.027)
- CIE Lab
- lab(62.44 -4.37 10.57)
- LCH
- lch(62.44 11.44 112.5)
- CMYK
- cmyk(3% 0% 14% 40%)
Tints · Shades · Tones
Tints
- 9FA390
- A9AD9C
- B4B7A8
- BEC1B4
- C9CBC0
- D3D5CC
- DEDFD9
- E9EAE5
- F4F4F2
Shades
- 818472
- 6D7060
- 5A5D4F
- 484A3F
- 37382F
- 262720
- 161712
- 080806
- 010101
Tones
- 939684
- 919483
- 8F9183
- 8D8F83
- 8A8C82
- 888A82
- 868781
- 848581
- 828280
Farbharmonien
Komplementär +180°
- 959984
Gundaroo Green
- 9893A7
≈ Jazz Tune
Analog -30° +30°
- 959984
Gundaroo Green
- 9F9582
≈ Rolling Pebble
- 8B9C8B
≈ Farm Fresh
Triadisch +120° +240°
- 959984
Gundaroo Green
- 859AA7
≈ Silver Storm
- A78F97
≈ Nirvana
Geteilt komplementär +150° +210°
- 959984
Gundaroo Green
- 8E96AA
≈ Silverfish
- A190A1
≈ Cut Heather
Tetradisch +90° +180° +270°
- 959984
Gundaroo Green
- 819CA0
≈ Miles
- 9893A7
≈ Jazz Tune
- A8908D
≈ Ash Hollow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.16:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--gundaroo-green: #959984;
--gundaroo-green-rgb: 149 153 132;
--gundaroo-green-oklch: oklch(0.674 0.03 116);
}
.element {
color: var(--gundaroo-green);
background-color: hsl(71 9% 56%);
border-color: oklch(0.674 0.03 116);
}Tailwind CSS v4
@theme {
--color-gundaroo-green: #959984;
--color-gundaroo-green-50: #f4f6ed;
--color-gundaroo-green-100: #e7e9de;
--color-gundaroo-green-200: #d3d6c8;
--color-gundaroo-green-300: #b6baa9;
--color-gundaroo-green-400: #9da18d;
--color-gundaroo-green-500: #858972;
--color-gundaroo-green-600: #707461;
--color-gundaroo-green-700: #5a5d4d;
--color-gundaroo-green-800: #424438;
--color-gundaroo-green-900: #2e2f26;
--color-gundaroo-green-950: #1a1b15;
}SCSS
$gundaroo-green: #959984;
$gundaroo-green-rgb: 149, 153, 132;
$gundaroo-green-light: mix(#fff, $gundaroo-green, 20%);
$gundaroo-green-dark: mix(#000, $gundaroo-green, 20%);
.element {
color: $gundaroo-green;
box-shadow: 0 0 0 2px rgba($gundaroo-green, 0.35);
}