Benannte Farbe · #7CB386
Irish Hedge
Irish Hedge ist #7CB386: rgb(124 179 134), hsl(131 27% 59%), oklch(0.716 0.087 149.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Irish Hedge color name →
#7CB386
oklch(0.716 0.087 149.4)
Farbumrechnungen
- HEX
- #7cb386
- RGB
- rgb(124 179 134)
- HSL
- hsl(131 27% 59%)
- HWB
- hwb(131 49% 30%)
- OKLCH
- oklch(0.716 0.087 149.4)
- OKLab
- oklab(0.716 -0.075 0.044)
- CIE Lab
- lab(68.2 -25.8 17.07)
- LCH
- lch(68.2 30.93 146.5)
- CMYK
- cmyk(31% 0% 25% 30%)
Tints · Shades · Tones
Tints
- 89BB92
- 96C29D
- A3CAA9
- B0D1B5
- BDD9C1
- CAE0CE
- D7E8DA
- E5F0E6
- F2F7F2
Shades
- 6B9B74
- 5A8462
- 4A6E51
- 3B5840
- 2C4330
- 1E2F21
- 111D13
- 050C06
- 010101
Tones
- 7DAE86
- 7EA985
- 7FA485
- 7F9F84
- 809983
- 809483
- 808F82
- 808A82
- 808581
Farbharmonien
Komplementär +180°
- 7CB386
Irish Hedge
- C290BE
≈ La la Love
Analog -30° +30°
- 7CB386
Irish Hedge
- 9DAC6D
≈ Rural Eyes
- 60B5A5
≈ Tropic Turquoise
Triadisch +120° +240°
- 7CB386
Irish Hedge
- 8DA1DB
≈ Azureno
- D48F84
≈ My Pink
Geteilt komplementär +150° +210°
- 7CB386
Irish Hedge
- AB97D3
≈ Biloba Flower
- D18CA2
≈ Kiss
Tetradisch +90° +180° +270°
- 7CB386
Irish Hedge
- 6FABD4
≈ Chronus Blue
- C290BE
≈ La la Love
- CC966B
≈ Santa Fe Sunrise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.42:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.64:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--irish-hedge: #7cb386;
--irish-hedge-rgb: 124 179 134;
--irish-hedge-oklch: oklch(0.716 0.087 149.4);
}
.element {
color: var(--irish-hedge);
background-color: hsl(131 27% 59%);
border-color: oklch(0.716 0.087 149.4);
}Tailwind CSS v4
@theme {
--color-irish-hedge: #7cb386;
--color-irish-hedge-50: #e4fde9;
--color-irish-hedge-100: #d4f1da;
--color-irish-hedge-200: #badfc2;
--color-irish-hedge-300: #97c5a1;
--color-irish-hedge-400: #79ad83;
--color-irish-hedge-500: #5a9666;
--color-irish-hedge-600: #4d7f57;
--color-irish-hedge-700: #3d6645;
--color-irish-hedge-800: #2d4b31;
--color-irish-hedge-900: #1e3421;
--color-irish-hedge-950: #0e1f10;
}SCSS
$irish-hedge: #7cb386;
$irish-hedge-rgb: 124, 179, 134;
$irish-hedge-light: mix(#fff, $irish-hedge, 20%);
$irish-hedge-dark: mix(#000, $irish-hedge, 20%);
.element {
color: $irish-hedge;
box-shadow: 0 0 0 2px rgba($irish-hedge, 0.35);
}