Benannte Farbe · #538F4E
Virgo Green Goddess
Virgo Green Goddess ist #538F4E: rgb(83 143 78), hsl(115 29% 43%), oklch(0.593 0.114 142.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Virgo Green Goddess color name →
#538F4E
oklch(0.593 0.114 142.4)
Farbumrechnungen
- HEX
- #538f4e
- RGB
- rgb(83 143 78)
- HSL
- hsl(115 29% 43%)
- HWB
- hwb(115 31% 44%)
- OKLCH
- oklch(0.593 0.114 142.4)
- OKLab
- oklab(0.593 -0.091 0.07)
- CIE Lab
- lab(54.11 -30.68 28.13)
- LCH
- lch(54.11 41.63 137.5)
- CMYK
- cmyk(42% 0% 45% 44%)
Tints · Shades · Tones
Tints
- 649A5F
- 75A571
- 86B082
- 97BB93
- A8C6A5
- B9D2B6
- CADDC8
- DCE8DA
- EDF4ED
Shades
- 477C43
- 3B6938
- 30572D
- 254523
- 1B3419
- 11240F
- 081507
- 020702
- 000100
Tones
- 588E54
- 5E8C59
- 638B5F
- 678A64
- 6C8869
- 70876E
- 748572
- 788377
- 7C827B
Farbharmonien
Komplementär +180°
- 538F4E
Virgo Green Goddess
- 9E66A6
≈ Royal Pretender
Analog -30° +30°
- 538F4E
Virgo Green Goddess
- 808427
≈ Trendy Green
- 019477
≈ Pool Table
Triadisch +120° +240°
- 538F4E
Virgo Green Goddess
- 587DC2
≈ Blue Iolite
- B8605E
≈ Energy Peak
Geteilt komplementär +150° +210°
- 538F4E
Virgo Green Goddess
- 8070BC
≈ Purple Hebe
- B15F85
≈ Wild Mulberry
Tetradisch +90° +180° +270°
- 538F4E
Virgo Green Goddess
- 1B89B6
≈ Hidden Springs
- 9E66A6
≈ Royal Pretender
- B36937
≈ Mincemeat
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.88:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.40:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.40:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--virgo-green-goddess: #538f4e;
--virgo-green-goddess-rgb: 83 143 78;
--virgo-green-goddess-oklch: oklch(0.593 0.114 142.4);
}
.element {
color: var(--virgo-green-goddess);
background-color: hsl(115 29% 43%);
border-color: oklch(0.593 0.114 142.4);
}Tailwind CSS v4
@theme {
--color-virgo-green-goddess: #538f4e;
--color-virgo-green-goddess-50: #e2fee1;
--color-virgo-green-goddess-100: #d1f3d1;
--color-virgo-green-goddess-200: #b7e2b6;
--color-virgo-green-goddess-300: #93c793;
--color-virgo-green-goddess-400: #76b070;
--color-virgo-green-goddess-500: #569950;
--color-virgo-green-goddess-600: #498145;
--color-virgo-green-goddess-700: #3a6836;
--color-virgo-green-goddess-800: #2b4c25;
--color-virgo-green-goddess-900: #1d3518;
--color-virgo-green-goddess-950: #0d2009;
}SCSS
$virgo-green-goddess: #538f4e;
$virgo-green-goddess-rgb: 83, 143, 78;
$virgo-green-goddess-light: mix(#fff, $virgo-green-goddess, 20%);
$virgo-green-goddess-dark: mix(#000, $virgo-green-goddess, 20%);
.element {
color: $virgo-green-goddess;
box-shadow: 0 0 0 2px rgba($virgo-green-goddess, 0.35);
}