Benannte Farbe · #718A70
Wonderland
Wonderland ist #718A70: rgb(113 138 112), hsl(118 10% 49%), oklch(0.606 0.048 144). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wonderland color name →
#718A70
oklch(0.606 0.048 144)
Farbumrechnungen
- HEX
- #718a70
- RGB
- rgb(113 138 112)
- HSL
- hsl(118 10% 49%)
- HWB
- hwb(118 44% 46%)
- OKLCH
- oklch(0.606 0.048 144)
- OKLab
- oklab(0.606 -0.039 0.028)
- CIE Lab
- lab(54.94 -13.28 10.89)
- LCH
- lch(54.94 17.18 140.6)
- CMYK
- cmyk(18% 0% 19% 46%)
Tints · Shades · Tones
Tints
- 7E957D
- 8CA08B
- 9AAC99
- A8B7A7
- B6C3B5
- C4CFC4
- D3DBD2
- E1E7E1
- F0F3F0
Shades
- 617760
- 526551
- 435343
- 354235
- 273227
- 1A221A
- 0E140E
- 040704
- 010101
Tones
- 738972
- 748873
- 768775
- 778677
- 798578
- 7A847A
- 7C837B
- 7D827D
- 7F817E
Farbharmonien
Komplementär +180°
- 718A70
Wonderland
- 917993
≈ Passion Fruit
Analog -30° +30°
- 718A70
Wonderland
- 818664
≈ Green Bush
- 648C80
≈ Sea Monster
Triadisch +120° +240°
- 718A70
Wonderland
- 7382A0
≈ Berwick Berry
- 9D7774
≈ Southern Road
Geteilt komplementär +150° +210°
- 718A70
Wonderland
- 837D9D
≈ Blue Intrigue
- 9A7684
≈ Dusk Wine
Tetradisch +90° +180° +270°
- 718A70
Wonderland
- 66879B
≈ Seal Pup
- 917993
≈ Passion Fruit
- 9A7B67
≈ Fudge Bar
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.76:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.57:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--wonderland: #718a70;
--wonderland-rgb: 113 138 112;
--wonderland-oklch: oklch(0.606 0.048 144);
}
.element {
color: var(--wonderland);
background-color: hsl(118 10% 49%);
border-color: oklch(0.606 0.048 144);
}Tailwind CSS v4
@theme {
--color-wonderland: #718a70;
--color-wonderland-50: #edf9ed;
--color-wonderland-100: #deecde;
--color-wonderland-200: #c8dac8;
--color-wonderland-300: #a8bea9;
--color-wonderland-400: #8ea68d;
--color-wonderland-500: #738f72;
--color-wonderland-600: #627961;
--color-wonderland-700: #4e614d;
--color-wonderland-800: #394737;
--color-wonderland-900: #273126;
--color-wonderland-950: #151d14;
}SCSS
$wonderland: #718a70;
$wonderland-rgb: 113, 138, 112;
$wonderland-light: mix(#fff, $wonderland, 20%);
$wonderland-dark: mix(#000, $wonderland, 20%);
.element {
color: $wonderland;
box-shadow: 0 0 0 2px rgba($wonderland, 0.35);
}