Benannte Farbe · #55B492
Electra
Electra ist #55B492: rgb(85 180 146), hsl(159 39% 52%), oklch(0.703 0.104 167.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Electra color name →
#55B492
oklch(0.703 0.104 167.4)
Farbumrechnungen
- HEX
- #55b492
- RGB
- rgb(85 180 146)
- HSL
- hsl(159 39% 52%)
- HWB
- hwb(159 33% 29%)
- OKLCH
- oklch(0.703 0.104 167.4)
- OKLab
- oklab(0.703 -0.102 0.023)
- CIE Lab
- lab(66.89 -35.7 8.43)
- LCH
- lch(66.89 36.68 166.7)
- CMYK
- cmyk(53% 0% 19% 29%)
Tints · Shades · Tones
Tints
- 69BC9C
- 7BC3A7
- 8DCBB2
- 9ED2BC
- AEDAC7
- BFE1D2
- CFE9DD
- DFF0E8
- EFF8F4
Shades
- 499C7E
- 3D856B
- 316E58
- 265846
- 1C4435
- 113025
- 081D16
- 020C08
- 000201
Tones
- 5CAF90
- 62AA8E
- 68A58D
- 6C9F8B
- 719A89
- 749587
- 789085
- 7B8B84
- 7E8582
Farbharmonien
Komplementär +180°
- 55B492
Electra
- CF84AB
≈ Moonlight Mauve
Analog -30° +30°
- 55B492
Electra
- 7FAF6E
≈ Organic Green
- 3AB3B6
≈ Lake Tahoe Turquoise
Triadisch +120° +240°
- 55B492
Electra
- 9B95DD
≈ Portage
- D48B65
≈ Grounded
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.52:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.32:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--electra: #55b492;
--electra-rgb: 85 180 146;
--electra-oklch: oklch(0.703 0.104 167.4);
}
.element {
color: var(--electra);
background-color: hsl(159 39% 52%);
border-color: oklch(0.703 0.104 167.4);
}Tailwind CSS v4
@theme {
--color-electra: #55b492;
--color-electra-50: #d9fff0;
--color-electra-100: #c7f4e2;
--color-electra-200: #a8e3cd;
--color-electra-300: #7fc9af;
--color-electra-400: #5ab292;
--color-electra-500: #289c78;
--color-electra-600: #258466;
--color-electra-700: #1e6a51;
--color-electra-800: #154e3a;
--color-electra-900: #0e3627;
--color-electra-950: #012115;
}SCSS
$electra: #55b492;
$electra-rgb: 85, 180, 146;
$electra-light: mix(#fff, $electra, 20%);
$electra-dark: mix(#000, $electra, 20%);
.element {
color: $electra;
box-shadow: 0 0 0 2px rgba($electra, 0.35);
}