Benannte Farbe · #A3E493
Paradise Green
Paradise Green ist #A3E493: rgb(163 228 147), hsl(108 60% 74%), oklch(0.856 0.127 139.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Paradise Green color name →
#A3E493
oklch(0.856 0.127 139.5)
Farbumrechnungen
- HEX
- #a3e493
- RGB
- rgb(163 228 147)
- HSL
- hsl(108 60% 74%)
- HWB
- hwb(108 58% 11%)
- OKLCH
- oklch(0.856 0.127 139.5)
- OKLab
- oklab(0.856 -0.097 0.083)
- CIE Lab
- lab(84.76 -32.55 32.78)
- LCH
- lch(84.76 46.19 134.8)
- CMYK
- cmyk(29% 0% 36% 11%)
Tints · Shades · Tones
Tints
- ADE79E
- B6EAA9
- BFEDB4
- C9EFBF
- D2F2CA
- DBF5D5
- E4F7DF
- EDFAEA
- F6FDF4
Shades
- 8DC67F
- 78A96C
- 638D59
- 4F7247
- 3C5836
- 2A3F25
- 192816
- 0A1208
- 010301
Tones
- A0DA92
- 9DCF90
- 99C58F
- 96BB8D
- 93B18B
- 8FA789
- 8B9D87
- 889485
- 848A82
Farbharmonien
Komplementär +180°
- A3E493
Paradise Green
- F1B7FF
≈ Euphoria
Analog -30° +30°
- A3E493
Paradise Green
- D5D76F
≈ Species
- 6DEAC2
≈ Onsen
Triadisch +120° +240°
- A3E493
Paradise Green
- B4D1FF
≈ Ice Cold Stare
- FFBCBB
≈ Peach Scone
Geteilt komplementär +150° +210°
- A3E493
Paradise Green
- CEC8FF
≈ Innocent Snowdrop
- FFB7D9
≈ Candy Bar
Tetradisch +90° +180° +270°
- A3E493
Paradise Green
- 90DBFF
≈ Tranquil Pool
- F1B7FF
≈ Euphoria
- FFBF9D
≈ Blushing Cinnamon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.07:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--paradise-green: #a3e493;
--paradise-green-rgb: 163 228 147;
--paradise-green-oklch: oklch(0.856 0.127 139.5);
}
.element {
color: var(--paradise-green);
background-color: hsl(108 60% 74%);
border-color: oklch(0.856 0.127 139.5);
}Tailwind CSS v4
@theme {
--color-paradise-green: #a3e493;
--color-paradise-green-50: #e2ffdd;
--color-paradise-green-100: #d1f3cc;
--color-paradise-green-200: #b6e3b0;
--color-paradise-green-300: #92c88b;
--color-paradise-green-400: #75b167;
--color-paradise-green-500: #559a43;
--color-paradise-green-600: #49823a;
--color-paradise-green-700: #3a682e;
--color-paradise-green-800: #2b4c1e;
--color-paradise-green-900: #1d3514;
--color-paradise-green-950: #0d2005;
}SCSS
$paradise-green: #a3e493;
$paradise-green-rgb: 163, 228, 147;
$paradise-green-light: mix(#fff, $paradise-green, 20%);
$paradise-green-dark: mix(#000, $paradise-green, 20%);
.element {
color: $paradise-green;
box-shadow: 0 0 0 2px rgba($paradise-green, 0.35);
}