Benannte Farbe · #4EA77D
Shamrock Green
Shamrock Green ist #4EA77D: rgb(78 167 125), hsl(152 36% 48%), oklch(0.662 0.107 160.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Shamrock Green color name →
#4EA77D
oklch(0.662 0.107 160.9)
Farbumrechnungen
- HEX
- #4ea77d
- RGB
- rgb(78 167 125)
- HSL
- hsl(152 36% 48%)
- HWB
- hwb(152 31% 35%)
- OKLCH
- oklch(0.662 0.107 160.9)
- OKLab
- oklab(0.662 -0.101 0.035)
- CIE Lab
- lab(62.2 -35.6 13.33)
- LCH
- lch(62.2 38.01 159.5)
- CMYK
- cmyk(53% 0% 25% 35%)
Tints · Shades · Tones
Tints
- 62B089
- 75B996
- 87C1A3
- 99CAAF
- AAD3BC
- BBDCC9
- CCE5D7
- DDEDE4
- EEF6F1
Shades
- 43916C
- 387B5B
- 2D664B
- 23523B
- 193E2C
- 0F2C1E
- 071A11
- 020A05
- 000101
Tones
- 56A37D
- 5C9F7E
- 629C7E
- 68987F
- 6D947F
- 71907F
- 758C7F
- 798880
- 7D8480
Farbharmonien
Komplementär +180°
- 4EA77D
Shamrock Green
- BF78A6
≈ Hollyhock Blossom Pink
Analog -30° +30°
- 4EA77D
Shamrock Green
- 7CA058
≈ Frankenstein
- 22A7A2
≈ Royal Cloak
Triadisch +120° +240°
- 4EA77D
Shamrock Green
- 878BD3
≈ Adora
- CA7B5E
≈ Gold Pheasant
Geteilt komplementär +150° +210°
- 4EA77D
Shamrock Green
- A87FC3
≈ Wisteria
- CB7683
≈ Pink Shade
Tetradisch +90° +180° +270°
- 4EA77D
Shamrock Green
- 5E97D2
≈ Winter Lake
- BF78A6
≈ Hollyhock Blossom Pink
- BC8742
≈ Golden Slumber
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.93:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.14:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--shamrock-green: #4ea77d;
--shamrock-green-rgb: 78 167 125;
--shamrock-green-oklch: oklch(0.662 0.107 160.9);
}
.element {
color: var(--shamrock-green);
background-color: hsl(152 36% 48%);
border-color: oklch(0.662 0.107 160.9);
}Tailwind CSS v4
@theme {
--color-shamrock-green: #4ea77d;
--color-shamrock-green-50: #dbffec;
--color-shamrock-green-100: #c9f4de;
--color-shamrock-green-200: #abe3c7;
--color-shamrock-green-300: #83c9a8;
--color-shamrock-green-400: #5fb28a;
--color-shamrock-green-500: #339c6e;
--color-shamrock-green-600: #2e845e;
--color-shamrock-green-700: #24694b;
--color-shamrock-green-800: #1b4d34;
--color-shamrock-green-900: #113624;
--color-shamrock-green-950: #032113;
}SCSS
$shamrock-green: #4ea77d;
$shamrock-green-rgb: 78, 167, 125;
$shamrock-green-light: mix(#fff, $shamrock-green, 20%);
$shamrock-green-dark: mix(#000, $shamrock-green, 20%);
.element {
color: $shamrock-green;
box-shadow: 0 0 0 2px rgba($shamrock-green, 0.35);
}