Benannte Farbe · #708D76
Ivy Wreath
Ivy Wreath ist #708D76: rgb(112 141 118), hsl(132 11% 50%), oklch(0.614 0.048 151). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Ivy Wreath color name →
#708D76
oklch(0.614 0.048 151)
Farbumrechnungen
- HEX
- #708d76
- RGB
- rgb(112 141 118)
- HSL
- hsl(132 11% 50%)
- HWB
- hwb(132 44% 45%)
- OKLCH
- oklch(0.614 0.048 151)
- OKLab
- oklab(0.614 -0.042 0.023)
- CIE Lab
- lab(55.88 -14.3 8.79)
- LCH
- lch(55.88 16.78 148.4)
- CMYK
- cmyk(21% 0% 16% 45%)
Tints · Shades · Tones
Tints
- 7E9883
- 8BA390
- 99AE9D
- A7B9AB
- B6C5B8
- C4D0C6
- D2DCD4
- E1E7E2
- F0F3F1
Shades
- 607A66
- 516756
- 435547
- 354438
- 273329
- 1A231C
- 0E140F
- 040705
- 010101
Tones
- 728C77
- 748A78
- 758979
- 77887A
- 78877B
- 7A857C
- 7C847D
- 7D837E
- 7F817F
Farbharmonien
Komplementär +180°
- 708D76
Ivy Wreath
- 967A92
≈ Amorous
Analog -30° +30°
- 708D76
Ivy Wreath
- 808969
≈ Green Bush
- 648E86
≈ Oil Blue
Triadisch +120° +240°
- 708D76
Ivy Wreath
- 7A83A2
≈ Romanesque
- 9F7A73
≈ Burnished Brown
Geteilt komplementär +150° +210°
- 708D76
Ivy Wreath
- 897E9D
≈ Grey Dusk
- 9E7983
≈ Century’s Last Sunset
Tetradisch +90° +180° +270°
- 708D76
Ivy Wreath
- 6B899F
≈ Bermuda Grey
- 967A92
≈ Amorous
- 9A7E68
≈ Dusty Canyon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.64:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.76:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--ivy-wreath: #708d76;
--ivy-wreath-rgb: 112 141 118;
--ivy-wreath-oklch: oklch(0.614 0.048 151);
}
.element {
color: var(--ivy-wreath);
background-color: hsl(132 11% 50%);
border-color: oklch(0.614 0.048 151);
}Tailwind CSS v4
@theme {
--color-ivy-wreath: #708d76;
--color-ivy-wreath-50: #ebf9ef;
--color-ivy-wreath-100: #ddede0;
--color-ivy-wreath-200: #c6dbcb;
--color-ivy-wreath-300: #a6bfac;
--color-ivy-wreath-400: #8ba790;
--color-ivy-wreath-500: #6f9076;
--color-ivy-wreath-600: #5f7964;
--color-ivy-wreath-700: #4b6150;
--color-ivy-wreath-800: #374739;
--color-ivy-wreath-900: #263127;
--color-ivy-wreath-950: #141d15;
}SCSS
$ivy-wreath: #708d76;
$ivy-wreath-rgb: 112, 141, 118;
$ivy-wreath-light: mix(#fff, $ivy-wreath, 20%);
$ivy-wreath-dark: mix(#000, $ivy-wreath, 20%);
.element {
color: $ivy-wreath;
box-shadow: 0 0 0 2px rgba($ivy-wreath, 0.35);
}