Benannte Farbe · #53983C
Enviable
Enviable ist #53983C: rgb(83 152 60), hsl(105 43% 42%), oklch(0.613 0.145 138.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Enviable color name →
#53983C
oklch(0.613 0.145 138.6)
Farbumrechnungen
- HEX
- #53983c
- RGB
- rgb(83 152 60)
- HSL
- hsl(105 43% 42%)
- HWB
- hwb(105 24% 40%)
- OKLCH
- oklch(0.613 0.145 138.6)
- OKLab
- oklab(0.613 -0.109 0.096)
- CIE Lab
- lab(56.79 -36.1 40.23)
- LCH
- lch(56.79 54.05 131.9)
- CMYK
- cmyk(45% 0% 61% 40%)
Tints · Shades · Tones
Tints
- 65A251
- 76AD65
- 87B778
- 98C18C
- A9CC9F
- BAD6B2
- CBE0C5
- DCEAD8
- EEF5EB
Shades
- 478433
- 3B702A
- 305C21
- 254A19
- 1B3811
- 11270A
- 081704
- 020801
- 000100
Tones
- 599645
- 5E944D
- 639255
- 688F5C
- 6C8D63
- 708A69
- 75886F
- 798575
- 7C837A
Farbharmonien
Komplementär +180°
- 53983C
Enviable
- A865BB
≈ Prickly Purple
Analog -30° +30°
- 53983C
Enviable
- 8C8900
≈ Palak Paneer
- 009B77
≈ Golf Green
Triadisch +120° +240°
- 53983C
Enviable
- 4A83DA
≈ Blue Jay
- CC5A61
≈ Common Chestnut
Geteilt komplementär +150° +210°
- 53983C
Enviable
- 8273D5
≈ Kickstart Purple
- C15B92
≈ Llilacquered
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.54:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.92:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--enviable: #53983c;
--enviable-rgb: 83 152 60;
--enviable-oklch: oklch(0.613 0.145 138.6);
}
.element {
color: var(--enviable);
background-color: hsl(105 43% 42%);
border-color: oklch(0.613 0.145 138.6);
}Tailwind CSS v4
@theme {
--color-enviable: #53983c;
--color-enviable-50: #dfffd9;
--color-enviable-100: #cef5c7;
--color-enviable-200: #b3e4aa;
--color-enviable-300: #8eca83;
--color-enviable-400: #70b25c;
--color-enviable-500: #4e9c33;
--color-enviable-600: #43842d;
--color-enviable-700: #356a24;
--color-enviable-800: #284d15;
--color-enviable-900: #1b360d;
--color-enviable-950: #0b2102;
}SCSS
$enviable: #53983c;
$enviable-rgb: 83, 152, 60;
$enviable-light: mix(#fff, $enviable, 20%);
$enviable-dark: mix(#000, $enviable, 20%);
.element {
color: $enviable;
box-shadow: 0 0 0 2px rgba($enviable, 0.35);
}