Nächste benannte Farbe · #8CC699
#8CC699
Nächste benannte Farbe: Irish Spring
#8CC699 (rgb(140 198 153), hsl(133 34% 66%), oklch(0.774 0.088 150.9)) liegt am nächsten an der benannten Farbe Irish Spring. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8CC699
oklch(0.774 0.088 150.9)
Farbumrechnungen
- HEX
- #8cc699
- RGB
- rgb(140 198 153)
- HSL
- hsl(133 34% 66%)
- HWB
- hwb(133 55% 22%)
- OKLCH
- oklch(0.774 0.088 150.9)
- OKLab
- oklab(0.774 -0.077 0.043)
- CIE Lab
- lab(74.98 -26.42 16.38)
- LCH
- lch(74.98 31.08 148.2)
- CMYK
- cmyk(29% 0% 23% 22%)
Tints · Shades · Tones
Tints
- 98CCA3
- A3D1AD
- AFD7B7
- BADDC1
- C6E3CB
- D1E8D6
- DDEEE0
- E8F4EA
- F4F9F5
Shades
- 79AC84
- 679270
- 557A5D
- 43624A
- 334B38
- 233527
- 142117
- 070E08
- 010201
Tones
- 8BBF97
- 8BB894
- 8AB192
- 89AA8F
- 87A38D
- 869C8A
- 859588
- 838E85
- 828783
Farbharmonien
Komplementär +180°
- 8CC699
Irish Spring
- D7A1D0
≈ Chateau Rose
Analog -30° +30°
- 8CC699
Irish Spring
- ADBF7F
≈ Lime Lollipop
- 71C8B9
≈ Shockwave
Triadisch +120° +240°
- 8CC699
Irish Spring
- A1B3EE
≈ Wondrous Wisteria
- E8A194
≈ Rose Dusk
Geteilt komplementär +150° +210°
- 8CC699
Irish Spring
- BFA9E5
≈ Perfume
- E59EB2
≈ Always Rosey
Tetradisch +90° +180° +270°
- 8CC699
Irish Spring
- 82BDE9
≈ C’est la Vie
- D7A1D0
≈ Chateau Rose
- DFA97C
≈ Thai Ice Tea
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.65:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--irish-spring: #8cc699;
--irish-spring-rgb: 140 198 153;
--irish-spring-oklch: oklch(0.774 0.088 150.9);
}
.element {
color: var(--irish-spring);
background-color: hsl(133 34% 66%);
border-color: oklch(0.774 0.088 150.9);
}Tailwind CSS v4
@theme {
--color-irish-spring: #8cc699;
--color-irish-spring-50: #e3fde9;
--color-irish-spring-100: #d3f1da;
--color-irish-spring-200: #b9e0c3;
--color-irish-spring-300: #95c5a2;
--color-irish-spring-400: #78ae84;
--color-irish-spring-500: #589768;
--color-irish-spring-600: #4b7f58;
--color-irish-spring-700: #3c6646;
--color-irish-spring-800: #2c4b31;
--color-irish-spring-900: #1d3421;
--color-irish-spring-950: #0d1f11;
}SCSS
$irish-spring: #8cc699;
$irish-spring-rgb: 140, 198, 153;
$irish-spring-light: mix(#fff, $irish-spring, 20%);
$irish-spring-dark: mix(#000, $irish-spring, 20%);
.element {
color: $irish-spring;
box-shadow: 0 0 0 2px rgba($irish-spring, 0.35);
}