Benannte Farbe · #88C096
Country Weekend
Country Weekend ist #88C096: rgb(136 192 150), hsl(135 31% 64%), oklch(0.757 0.084 151.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Country Weekend color name →
#88C096
oklch(0.757 0.084 151.8)
Farbumrechnungen
- HEX
- #88c096
- RGB
- rgb(136 192 150)
- HSL
- hsl(135 31% 64%)
- HWB
- hwb(135 53% 25%)
- OKLCH
- oklch(0.757 0.084 151.8)
- OKLab
- oklab(0.757 -0.074 0.04)
- CIE Lab
- lab(72.97 -25.46 15.17)
- LCH
- lch(72.97 29.63 149.2)
- CMYK
- cmyk(29% 0% 22% 25%)
Tints · Shades · Tones
Tints
- 94C6A0
- A0CDAA
- ACD3B5
- B8D9BF
- C4E0CA
- D0E6D4
- DBECDF
- E7F2E9
- F3F9F4
Shades
- 75A782
- 638E6E
- 52765B
- 415F49
- 314937
- 223426
- 132016
- 060E08
- 010201
Tones
- 88B994
- 87B392
- 87AD90
- 86A68D
- 85A08B
- 859989
- 849387
- 828D85
- 818682
Farbharmonien
Komplementär +180°
- 88C096
Country Weekend
- D09DC8
≈ Prize Winning Orchid
Analog -30° +30°
- 88C096
Country Weekend
- A7B97D
≈ Green Curry
- 70C2B4
≈ Fiesta Blue
Triadisch +120° +240°
- 88C096
Country Weekend
- 9DAEE6
≈ Blue Skies Today
- E09D8F
≈ Pink Palazzo
Geteilt komplementär +150° +210°
- 88C096
Country Weekend
- BAA4DD
≈ Enchanted Lavender
- DE9AAC
≈ Blush Bomb
Tetradisch +90° +180° +270°
- 88C096
Country Weekend
- 80B7E1
≈ 21st Century Blue
- D09DC8
≈ Prize Winning Orchid
- D7A579
≈ Mulled Spice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.02:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--country-weekend: #88c096;
--country-weekend-rgb: 136 192 150;
--country-weekend-oklch: oklch(0.757 0.084 151.8);
}
.element {
color: var(--country-weekend);
background-color: hsl(135 31% 64%);
border-color: oklch(0.757 0.084 151.8);
}Tailwind CSS v4
@theme {
--color-country-weekend: #88c096;
--color-country-weekend-50: #e4fdea;
--color-country-weekend-100: #d3f1db;
--color-country-weekend-200: #badfc4;
--color-country-weekend-300: #96c4a4;
--color-country-weekend-400: #79ad86;
--color-country-weekend-500: #59966a;
--color-country-weekend-600: #4c7f5a;
--color-country-weekend-700: #3d6648;
--color-country-weekend-800: #2c4b33;
--color-country-weekend-900: #1e3422;
--color-country-weekend-950: #0e1f12;
}SCSS
$country-weekend: #88c096;
$country-weekend-rgb: 136, 192, 150;
$country-weekend-light: mix(#fff, $country-weekend, 20%);
$country-weekend-dark: mix(#000, $country-weekend, 20%);
.element {
color: $country-weekend;
box-shadow: 0 0 0 2px rgba($country-weekend, 0.35);
}