Benannte Farbe · #4F9E81
Wintergreen Shadow
Wintergreen Shadow ist #4F9E81: rgb(79 158 129), hsl(158 33% 46%), oklch(0.641 0.09 167.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wintergreen Shadow color name →
#4F9E81
oklch(0.641 0.09 167.3)
Farbumrechnungen
- HEX
- #4f9e81
- RGB
- rgb(79 158 129)
- HSL
- hsl(158 33% 46%)
- HWB
- hwb(158 31% 38%)
- OKLCH
- oklch(0.641 0.09 167.3)
- OKLab
- oklab(0.641 -0.088 0.02)
- CIE Lab
- lab(59.51 -30.89 7.38)
- LCH
- lch(59.51 31.76 166.6)
- CMYK
- cmyk(50% 0% 18% 38%)
Tints · Shades · Tones
Tints
- 62A88D
- 75B199
- 86BBA5
- 98C4B2
- A9CEBE
- BAD8CB
- CBE2D8
- DDEBE5
- EEF5F2
Shades
- 44896F
- 38745E
- 2E604E
- 234D3E
- 193A2E
- 10291F
- 071812
- 020906
- 000101
Tones
- 569B81
- 5C9881
- 629581
- 679281
- 6C8F81
- 718C80
- 758980
- 798680
- 7D8380
Farbharmonien
Komplementär +180°
- 4F9E81
Wintergreen Shadow
- B57597
≈ Choral Singer
Analog -30° +30°
- 4F9E81
Wintergreen Shadow
- 729962
≈ Mosslands
- 3A9D9F
≈ Empress Envy
Triadisch +120° +240°
- 4F9E81
Wintergreen Shadow
- 8984C1
≈ Brocade
- BA7B5C
≈ Caramel Apple
Geteilt komplementär +150° +210°
- 4F9E81
Wintergreen Shadow
- A37BB1
≈ Design Delight
- BD7578
≈ Nipple
Tetradisch +90° +180° +270°
- 4F9E81
Wintergreen Shadow
- 698EC3
≈ Cobalt Glow
- B57597
≈ Choral Singer
- AB8549
≈ Kiss Candy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.54:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.54:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--wintergreen-shadow: #4f9e81;
--wintergreen-shadow-rgb: 79 158 129;
--wintergreen-shadow-oklch: oklch(0.641 0.09 167.3);
}
.element {
color: var(--wintergreen-shadow);
background-color: hsl(158 33% 46%);
border-color: oklch(0.641 0.09 167.3);
}Tailwind CSS v4
@theme {
--color-wintergreen-shadow: #4f9e81;
--color-wintergreen-shadow-50: #ddfef1;
--color-wintergreen-shadow-100: #cbf2e3;
--color-wintergreen-shadow-200: #afe1ce;
--color-wintergreen-shadow-300: #88c7b0;
--color-wintergreen-shadow-400: #66b093;
--color-wintergreen-shadow-500: #3f997a;
--color-wintergreen-shadow-600: #378267;
--color-wintergreen-shadow-700: #2b6852;
--color-wintergreen-shadow-800: #1f4c3b;
--color-wintergreen-shadow-900: #153528;
--color-wintergreen-shadow-950: #062016;
}SCSS
$wintergreen-shadow: #4f9e81;
$wintergreen-shadow-rgb: 79, 158, 129;
$wintergreen-shadow-light: mix(#fff, $wintergreen-shadow, 20%);
$wintergreen-shadow-dark: mix(#000, $wintergreen-shadow, 20%);
.element {
color: $wintergreen-shadow;
box-shadow: 0 0 0 2px rgba($wintergreen-shadow, 0.35);
}