Benannte Farbe · #1B4636
Sherwood Green
Sherwood Green ist #1B4636: rgb(27 70 54), hsl(158 44% 19%), oklch(0.358 0.056 166.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Sherwood Green color name →
#1B4636
oklch(0.358 0.056 166.2)
Farbumrechnungen
- HEX
- #1b4636
- RGB
- rgb(27 70 54)
- HSL
- hsl(158 44% 19%)
- HWB
- hwb(158 11% 73%)
- OKLCH
- oklch(0.358 0.056 166.2)
- OKLab
- oklab(0.358 -0.054 0.013)
- CIE Lab
- lab(26.33 -19.06 4.97)
- LCH
- lch(26.33 19.69 165.4)
- CMYK
- cmyk(61% 0% 23% 73%)
Tints · Shades · Tones
Tints
- 315748
- 47685A
- 5C796D
- 728B80
- 899E94
- 9FB1A9
- B7C4BE
- CED7D3
- E6EBE9
Shades
- 163C2E
- 113225
- 0C281E
- 081E16
- 05150F
- 020D08
- 010503
- 000201
- 000000
Tones
- 264C3D
- 315144
- 3B574B
- 455D52
- 4F635A
- 596861
- 626E69
- 6C7470
- 767A78
Farbharmonien
Komplementär +180°
- 1B4636
Sherwood Green
- 523043
≈ Potent Purple
Analog -30° +30°
- 1B4636
Sherwood Green
- 2F4325
≈ Forestry
- 0C4646
≈ Cyprus
Triadisch +120° +240°
- 1B4636
Sherwood Green
- 3A3859
≈ Magic Night
- 553323
≈ Wild Boar
Geteilt komplementär +150° +210°
- 1B4636
Sherwood Green
- 483350
≈ Oregon Grape
- 563033
≈ Mid Century
Tetradisch +90° +180° +270°
- 1B4636
Sherwood Green
- 293E5A
≈ Nautilus
- 523043
≈ Potent Purple
- 4D3818
≈ Café Noir
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.62:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.97:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.62:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--sherwood-green: #1b4636;
--sherwood-green-rgb: 27 70 54;
--sherwood-green-oklch: oklch(0.358 0.056 166.2);
}
.element {
color: var(--sherwood-green);
background-color: hsl(158 44% 19%);
border-color: oklch(0.358 0.056 166.2);
}Tailwind CSS v4
@theme {
--color-sherwood-green: #1b4636;
--color-sherwood-green-50: #e7fbf2;
--color-sherwood-green-100: #d7eee4;
--color-sherwood-green-200: #bedcd0;
--color-sherwood-green-300: #9dc1b2;
--color-sherwood-green-400: #7fa997;
--color-sherwood-green-500: #62927e;
--color-sherwood-green-600: #537c6b;
--color-sherwood-green-700: #426355;
--color-sherwood-green-800: #30493d;
--color-sherwood-green-900: #20322a;
--color-sherwood-green-950: #101e18;
}SCSS
$sherwood-green: #1b4636;
$sherwood-green-rgb: 27, 70, 54;
$sherwood-green-light: mix(#fff, $sherwood-green, 20%);
$sherwood-green-dark: mix(#000, $sherwood-green, 20%);
.element {
color: $sherwood-green;
box-shadow: 0 0 0 2px rgba($sherwood-green, 0.35);
}