Nächste benannte Farbe · #578A32
#578A32
Nächste benannte Farbe: Indica
#578A32 (rgb(87 138 50), hsl(95 47% 37%), oklch(0.578 0.132 134.3)) liegt am nächsten an der benannten Farbe Indica. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#578A32
oklch(0.578 0.132 134.3)
Farbumrechnungen
- HEX
- #578a32
- RGB
- rgb(87 138 50)
- HSL
- hsl(95 47% 37%)
- HWB
- hwb(95 20% 46%)
- OKLCH
- oklch(0.578 0.132 134.3)
- OKLab
- oklab(0.578 -0.092 0.094)
- CIE Lab
- lab(52.44 -29.7 40.08)
- LCH
- lch(52.44 49.89 126.5)
- CMYK
- cmyk(37% 0% 64% 46%)
Tints · Shades · Tones
Tints
- 679649
- 77A15D
- 88AD72
- 98B886
- A9C499
- BAD0AD
- CBDCC2
- DCE7D6
- EDF3EA
Shades
- 4B772A
- 3E6522
- 33531B
- 274214
- 1C320D
- 122207
- 081403
- 030701
- 000100
Tones
- 5C893D
- 608946
- 64884E
- 698756
- 6D865E
- 718565
- 75846C
- 788373
- 7C8179
Farbharmonien
Komplementär +180°
- 578A32
Indica
- 965FAF
≈ Lusty Lavender
Analog -30° +30°
- 578A32
Indica
- 867C00
≈ Olive
- 009066
≈ Viridian
Triadisch +120° +240°
- 578A32
Indica
- 3D7BC5
≈ Celestial Plum
- BA5461
≈ Hibiscus Flower
Geteilt komplementär +150° +210°
- 578A32
Indica
- 726CC4
≈ Purple Toolbox
- AE568C
≈ Brilliant Carmine
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.12:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.08:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--indica: #578a32;
--indica-rgb: 87 138 50;
--indica-oklch: oklch(0.578 0.132 134.3);
}
.element {
color: var(--indica);
background-color: hsl(95 47% 37%);
border-color: oklch(0.578 0.132 134.3);
}Tailwind CSS v4
@theme {
--color-indica: #578a32;
--color-indica-50: #e4ffd9;
--color-indica-100: #d4f3c7;
--color-indica-200: #bbe2aa;
--color-indica-300: #98c783;
--color-indica-400: #7daf5d;
--color-indica-500: #5f9835;
--color-indica-600: #51812e;
--color-indica-700: #416725;
--color-indica-800: #304b16;
--color-indica-900: #21340e;
--color-indica-950: #102002;
}SCSS
$indica: #578a32;
$indica-rgb: 87, 138, 50;
$indica-light: mix(#fff, $indica, 20%);
$indica-dark: mix(#000, $indica, 20%);
.element {
color: $indica;
box-shadow: 0 0 0 2px rgba($indica, 0.35);
}