Benannte Farbe · #818068
Ivy Garden
Ivy Garden ist #818068: rgb(129 128 104), hsl(58 11% 46%), oklch(0.594 0.035 105.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Ivy Garden color name →
#818068
oklch(0.594 0.035 105.4)
Farbumrechnungen
- HEX
- #818068
- RGB
- rgb(129 128 104)
- HSL
- hsl(58 11% 46%)
- HWB
- hwb(58 41% 49%)
- OKLCH
- oklch(0.594 0.035 105.4)
- OKLab
- oklab(0.594 -0.009 0.034)
- CIE Lab
- lab(53.17 -2.82 13.24)
- LCH
- lch(53.17 13.54 102)
- CMYK
- cmyk(0% 1% 19% 49%)
Tints · Shades · Tones
Tints
- 8D8C76
- 999884
- A5A493
- B1B1A2
- BEBEB1
- CBCAC0
- D8D7D0
- E5E4DF
- F2F2EF
Shades
- 6F6E59
- 5E5D4B
- 4E4D3E
- 3E3D30
- 2E2E24
- 1F1F18
- 12120C
- 060604
- 010100
Tones
- 81806A
- 81806D
- 81806F
- 818072
- 808074
- 808077
- 808079
- 80807B
- 80807E
Farbharmonien
Komplementär +180°
- 818068
Ivy Garden
- 7C7C93
≈ Waterloo
Analog -30° +30°
- 818068
Ivy Garden
- 8B7C67
≈ Clay Bath
- 75836F
≈ Lottery Winnings
Triadisch +120° +240°
- 818068
Ivy Garden
- 69838E
≈ Indigo Mouse
- 8F7683
≈ Plum Legacy
Geteilt komplementär +150° +210°
- 818068
Ivy Garden
- 718094
≈ Chain Gang Grey
- 87788D
≈ Classical Violet
Tetradisch +90° +180° +270°
- 818068
Ivy Garden
- 668585
≈ Arctic
- 7C7C93
≈ Waterloo
- 927677
≈ Socialite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.02:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.22:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--ivy-garden: #818068;
--ivy-garden-rgb: 129 128 104;
--ivy-garden-oklch: oklch(0.594 0.035 105.4);
}
.element {
color: var(--ivy-garden);
background-color: hsl(58 11% 46%);
border-color: oklch(0.594 0.035 105.4);
}Tailwind CSS v4
@theme {
--color-ivy-garden: #818068;
--color-ivy-garden-50: #f6f6eb;
--color-ivy-garden-100: #e9e9dc;
--color-ivy-garden-200: #d5d6c5;
--color-ivy-garden-300: #b9b9a5;
--color-ivy-garden-400: #a1a088;
--color-ivy-garden-500: #89886d;
--color-ivy-garden-600: #74735d;
--color-ivy-garden-700: #5d5c4a;
--color-ivy-garden-800: #444335;
--color-ivy-garden-900: #2f2e24;
--color-ivy-garden-950: #1c1b13;
}SCSS
$ivy-garden: #818068;
$ivy-garden-rgb: 129, 128, 104;
$ivy-garden-light: mix(#fff, $ivy-garden, 20%);
$ivy-garden-dark: mix(#000, $ivy-garden, 20%);
.element {
color: $ivy-garden;
box-shadow: 0 0 0 2px rgba($ivy-garden, 0.35);
}