Nächste benannte Farbe · #518251
#518251
Nächste benannte Farbe: Beanpole
#518251 (rgb(81 130 81), hsl(120 23% 41%), oklch(0.558 0.091 144.2)) liegt am nächsten an der benannten Farbe Beanpole. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#518251
oklch(0.558 0.091 144.2)
Farbumrechnungen
- HEX
- #518251
- RGB
- rgb(81 130 81)
- HSL
- hsl(120 23% 41%)
- HWB
- hwb(120 32% 49%)
- OKLCH
- oklch(0.558 0.091 144.2)
- OKLab
- oklab(0.558 -0.074 0.053)
- CIE Lab
- lab(49.9 -25.3 21.14)
- LCH
- lch(49.9 32.96 140.1)
- CMYK
- cmyk(38% 0% 38% 49%)
Tints · Shades · Tones
Tints
- 628E61
- 739A72
- 84A683
- 95B394
- A6BFA5
- B7CCB7
- C9D8C8
- DBE5DA
- EDF2ED
Shades
- 457045
- 3A5F3A
- 2F4E2F
- 243E24
- 1A2F1A
- 102010
- 071207
- 020602
- 000100
Tones
- 568256
- 5B825B
- 608260
- 658265
- 6A8269
- 6E816E
- 738172
- 778177
- 7C807C
Farbharmonien
Komplementär +180°
- 518251
Beanpole
- 8F6192
≈ Hashita Purple
Analog -30° +30°
- 518251
Beanpole
- 737A36
≈ Hot Dog Relish
- 2A8570
≈ Dream Green
Triadisch +120° +240°
- 518251
Beanpole
- 5973AA
≈ Dormitory
- A35E59
≈ Savannah Red
Geteilt komplementär +150° +210°
- 518251
Beanpole
- 7769A4
≈ Reign Over Me
- 9E5D77
≈ Rose Wine
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--beanpole: #518251;
--beanpole-rgb: 81 130 81;
--beanpole-oklch: oklch(0.558 0.091 144.2);
}
.element {
color: var(--beanpole);
background-color: hsl(120 23% 41%);
border-color: oklch(0.558 0.091 144.2);
}Tailwind CSS v4
@theme {
--color-beanpole: #518251;
--color-beanpole-50: #e5fde6;
--color-beanpole-100: #d5f1d6;
--color-beanpole-200: #bcdfbd;
--color-beanpole-300: #9ac59c;
--color-beanpole-400: #7dad7c;
--color-beanpole-500: #5f965f;
--color-beanpole-600: #517f51;
--color-beanpole-700: #406640;
--color-beanpole-800: #2f4a2d;
--color-beanpole-900: #20341e;
--color-beanpole-950: #0f1f0e;
}SCSS
$beanpole: #518251;
$beanpole-rgb: 81, 130, 81;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}