Nächste benannte Farbe · #56AD4D
#56AD4D
Nächste benannte Farbe: Jungle Jewels
#56AD4D (rgb(86 173 77), hsl(114 38% 49%), oklch(0.671 0.158 141.9)) liegt am nächsten an der benannten Farbe Jungle Jewels. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#56AD4D
oklch(0.671 0.158 141.9)
Farbumrechnungen
- HEX
- #56ad4d
- RGB
- rgb(86 173 77)
- HSL
- hsl(114 38% 49%)
- HWB
- hwb(114 30% 32%)
- OKLCH
- oklch(0.671 0.158 141.9)
- OKLab
- oklab(0.671 -0.124 0.097)
- CIE Lab
- lab(63.74 -41.85 40.23)
- LCH
- lch(63.74 58.05 136.1)
- CMYK
- cmyk(50% 0% 55% 32%)
Tints · Shades · Tones
Tints
- 69B560
- 7ABE72
- 8BC684
- 9CCF96
- ADD7A7
- BDDFB9
- CEE7CA
- DEEFDC
- EEF7ED
Shades
- 4A9642
- 3E7F37
- 326A2C
- 275522
- 1C4118
- 122D0F
- 081B07
- 020B02
- 000100
Tones
- 5CA954
- 62A45A
- 67A060
- 6B9C66
- 6F976B
- 73936F
- 778E74
- 7A8A78
- 7D857C
Farbharmonien
Komplementär +180°
- 56AD4D
Jungle Jewels
- C271CF
≈ Purple Kush
Analog -30° +30°
- 56AD4D
Jungle Jewels
- 999E00
≈ Papyrus
- 00AF8C
≈ Victorian Greenhouse
Triadisch +120° +240°
- 56AD4D
Jungle Jewels
- 5E93F6
≈ Polar Glow
- E66869
≈ Porcelain Rose
Geteilt komplementär +150° +210°
- 56AD4D
Jungle Jewels
- 9981ED
≈ Lavender Blue Shadow
- DC68A0
≈ Cosmetologist’s Pink
Tetradisch +90° +180° +270°
- 56AD4D
Jungle Jewels
- 00A3DB
≈ Vanadyl Blue
- C271CF
≈ Purple Kush
- DF7526
≈ Cherokee Dignity
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--jungle-jewels: #56ad4d;
--jungle-jewels-rgb: 86 173 77;
--jungle-jewels-oklch: oklch(0.671 0.158 141.9);
}
.element {
color: var(--jungle-jewels);
background-color: hsl(114 38% 49%);
border-color: oklch(0.671 0.158 141.9);
}Tailwind CSS v4
@theme {
--color-jungle-jewels: #56ad4d;
--color-jungle-jewels-50: #dbffd9;
--color-jungle-jewels-100: #c9f6c7;
--color-jungle-jewels-200: #abe6a9;
--color-jungle-jewels-300: #84cc83;
--color-jungle-jewels-400: #63b55a;
--color-jungle-jewels-500: #3b9f31;
--color-jungle-jewels-600: #34862c;
--color-jungle-jewels-700: #296b23;
--color-jungle-jewels-800: #204f14;
--color-jungle-jewels-900: #15370d;
--color-jungle-jewels-950: #062101;
}SCSS
$jungle-jewels: #56ad4d;
$jungle-jewels-rgb: 86, 173, 77;
$jungle-jewels-light: mix(#fff, $jungle-jewels, 20%);
$jungle-jewels-dark: mix(#000, $jungle-jewels, 20%);
.element {
color: $jungle-jewels;
box-shadow: 0 0 0 2px rgba($jungle-jewels, 0.35);
}