Benannte Farbe · #2C2D24
Green Waterloo
Green Waterloo ist #2C2D24: rgb(44 45 36), hsl(67 11% 16%), oklch(0.293 0.016 112.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Green Waterloo color name →
#2C2D24
oklch(0.293 0.016 112.5)
Farbumrechnungen
- HEX
- #2c2d24
- RGB
- rgb(44 45 36)
- HSL
- hsl(67 11% 16%)
- HWB
- hwb(67 14% 82%)
- OKLCH
- oklch(0.293 0.016 112.5)
- OKLab
- oklab(0.293 -0.006 0.015)
- CIE Lab
- lab(18.14 -1.94 5.69)
- LCH
- lch(18.14 6.02 108.9)
- CMYK
- cmyk(2% 0% 20% 82%)
Tints · Shades · Tones
Tints
- 3E3F36
- 51524A
- 65655E
- 797A73
- 8E8F89
- A4A4A0
- BABAB7
- D0D1CE
- E7E8E6
Shades
- 25261E
- 1E1F18
- 171812
- 11110C
- 0A0B07
- 050604
- 020202
- 010100
- 000000
Tones
- 34352C
- 3C3C35
- 44443E
- 4C4D47
- 545550
- 5D5D59
- 656663
- 6E6E6C
- 777776
Farbharmonien
Komplementär +180°
- 2C2D24
Green Waterloo
- 2C2B33
≈ Bastille
Analog -30° +30°
- 2C2D24
Green Waterloo
- 302B23
≈ Industrial Black
- 282E27
≈ Melanite Black Green
Triadisch +120° +240°
- 2C2D24
Green Waterloo
- 242E33
≈ Freinacht Black
- 33292D
≈ Smoky Charcoal
Geteilt komplementär +150° +210°
- 2C2D24
Green Waterloo
- 282C34
≈ Night Sky
- 302A31
≈ Melanzane
Tetradisch +90° +180° +270°
- 2C2D24
Green Waterloo
- 232F2F
≈ Swamp Mosquito
- 2C2B33
≈ Bastille
- 342928
≈ Deep Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.92:1 · APCA Lc 101
Ag
FailAuf Schwarz
WCAG 1.50:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.92:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--green-waterloo: #2c2d24;
--green-waterloo-rgb: 44 45 36;
--green-waterloo-oklch: oklch(0.293 0.016 112.5);
}
.element {
color: var(--green-waterloo);
background-color: hsl(67 11% 16%);
border-color: oklch(0.293 0.016 112.5);
}Tailwind CSS v4
@theme {
--color-green-waterloo: #2c2d24;
--color-green-waterloo-50: #f5f6f1;
--color-green-waterloo-100: #e7e8e3;
--color-green-waterloo-200: #d4d5ce;
--color-green-waterloo-300: #b7b8af;
--color-green-waterloo-400: #9ea095;
--color-green-waterloo-500: #86877c;
--color-green-waterloo-600: #717369;
--color-green-waterloo-700: #5b5c54;
--color-green-waterloo-800: #42433d;
--color-green-waterloo-900: #2e2e2a;
--color-green-waterloo-950: #1b1b17;
}SCSS
$green-waterloo: #2c2d24;
$green-waterloo-rgb: 44, 45, 36;
$green-waterloo-light: mix(#fff, $green-waterloo, 20%);
$green-waterloo-dark: mix(#000, $green-waterloo, 20%);
.element {
color: $green-waterloo;
box-shadow: 0 0 0 2px rgba($green-waterloo, 0.35);
}