Benannte Farbe · #88CC55
Fairy Tale Green
Fairy Tale Green ist #88CC55: rgb(136 204 85), hsl(94 54% 57%), oklch(0.775 0.167 133.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Fairy Tale Green color name →
#88CC55
oklch(0.775 0.167 133.8)
Farbumrechnungen
- HEX
- #88cc55
- RGB
- rgb(136 204 85)
- HSL
- hsl(94 54% 57%)
- HWB
- hwb(94 33% 20%)
- OKLCH
- oklch(0.775 0.167 133.8)
- OKLab
- oklab(0.775 -0.116 0.121)
- CIE Lab
- lab(75.65 -37.38 50.85)
- LCH
- lch(75.65 63.11 126.3)
- CMYK
- cmyk(33% 0% 58% 20%)
Tints · Shades · Tones
Tints
- 94D169
- A0D77B
- ACDC8D
- B8E19E
- C4E7AE
- D0ECBF
- DBF1CF
- E7F5DF
- F3FAEF
Shades
- 75B149
- 63973D
- 527E31
- 416526
- 314E1C
- 223711
- 132208
- 060F02
- 010200
Tones
- 88C45C
- 87BD62
- 87B568
- 86AE6D
- 85A671
- 859F75
- 849778
- 828F7B
- 81887E
Farbharmonien
Komplementär +180°
- 88CC55
Fairy Tale Green
- DB93FF
≈ Bright Lilac
Analog -30° +30°
- 88CC55
Fairy Tale Green
- C8B900
≈ Olive Yellow
- 00D698
≈ Envy’s Love
Triadisch +120° +240°
- 88CC55
Fairy Tale Green
- 80B9FF
≈ Parakeet Blue
- FF909C
≈ Conch Shell
Geteilt komplementär +150° +210°
- 88CC55
Fairy Tale Green
- ACABFF
≈ Shy Moment
- FE86D0
≈ Princess Perfume
Tetradisch +90° +180° +270°
- 88CC55
Fairy Tale Green
- 00C8FA
≈ Bright Sky Blue
- DB93FF
≈ Bright Lilac
- FF9669
≈ Atomic Tangerine
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.81:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--fairy-tale-green: #88cc55;
--fairy-tale-green-rgb: 136 204 85;
--fairy-tale-green-oklch: oklch(0.775 0.167 133.8);
}
.element {
color: var(--fairy-tale-green);
background-color: hsl(94 54% 57%);
border-color: oklch(0.775 0.167 133.8);
}Tailwind CSS v4
@theme {
--color-fairy-tale-green: #88cc55;
--color-fairy-tale-green-50: #e0ffd1;
--color-fairy-tale-green-100: #cff5be;
--color-fairy-tale-green-200: #b4e59d;
--color-fairy-tale-green-300: #90cb72;
--color-fairy-tale-green-400: #74b343;
--color-fairy-tale-green-500: #549c00;
--color-fairy-tale-green-600: #478400;
--color-fairy-tale-green-700: #396a01;
--color-fairy-tale-green-800: #2b4d00;
--color-fairy-tale-green-900: #1d3600;
--color-fairy-tale-green-950: #0d2100;
}SCSS
$fairy-tale-green: #88cc55;
$fairy-tale-green-rgb: 136, 204, 85;
$fairy-tale-green-light: mix(#fff, $fairy-tale-green, 20%);
$fairy-tale-green-dark: mix(#000, $fairy-tale-green, 20%);
.element {
color: $fairy-tale-green;
box-shadow: 0 0 0 2px rgba($fairy-tale-green, 0.35);
}