Nächste benannte Farbe · #52AD69
#52AD69
Nächste benannte Farbe: Endo
#52AD69 (rgb(82 173 105), hsl(135 36% 50%), oklch(0.674 0.133 149.8)) liegt am nächsten an der benannten Farbe Endo. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#52AD69
oklch(0.674 0.133 149.8)
Farbumrechnungen
- HEX
- #52ad69
- RGB
- rgb(82 173 105)
- HSL
- hsl(135 36% 50%)
- HWB
- hwb(135 32% 32%)
- OKLCH
- oklch(0.674 0.133 149.8)
- OKLab
- oklab(0.674 -0.115 0.067)
- CIE Lab
- lab(63.91 -39.87 26.37)
- LCH
- lch(63.91 47.8 146.5)
- CMYK
- cmyk(53% 0% 39% 32%)
Tints · Shades · Tones
Tints
- 66B578
- 78BE87
- 8AC695
- 9BCEA4
- ACD6B3
- BCDFC2
- CDE7D1
- DEEFE0
- EEF7F0
Shades
- 46965A
- 3B7F4C
- 2F6A3E
- 255531
- 1A4124
- 112D18
- 081B0C
- 020B04
- 000100
Tones
- 59A96C
- 5FA46F
- 65A071
- 6A9B74
- 6E9776
- 739378
- 768E7A
- 7A897C
- 7D857E
Farbharmonien
Komplementär +180°
- 52AD69
Endo
- C477BD
≈ Gulābī Pink
Analog -30° +30°
Triadisch +120° +240°
- 52AD69
Endo
- 7791E8
≈ Guilliman Blue
- DC7465
≈ Mettwurst
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.78:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.54:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--endo: #52ad69;
--endo-rgb: 82 173 105;
--endo-oklch: oklch(0.674 0.133 149.8);
}
.element {
color: var(--endo);
background-color: hsl(135 36% 50%);
border-color: oklch(0.674 0.133 149.8);
}Tailwind CSS v4
@theme {
--color-endo: #52ad69;
--color-endo-50: #daffe3;
--color-endo-100: #c8f5d2;
--color-endo-200: #aae5b8;
--color-endo-300: #82cb95;
--color-endo-400: #5fb473;
--color-endo-500: #339e54;
--color-endo-600: #2e8547;
--color-endo-700: #246b39;
--color-endo-800: #1c4e26;
--color-endo-900: #123719;
--color-endo-950: #04210a;
}SCSS
$endo: #52ad69;
$endo-rgb: 82, 173, 105;
$endo-light: mix(#fff, $endo, 20%);
$endo-dark: mix(#000, $endo, 20%);
.element {
color: $endo;
box-shadow: 0 0 0 2px rgba($endo, 0.35);
}