Benannte Farbe · #9ED686
Celery Sprig
Celery Sprig ist #9ED686: rgb(158 214 134), hsl(102 49% 68%), oklch(0.818 0.122 136.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Celery Sprig color name →
#9ED686
oklch(0.818 0.122 136.7)
Farbumrechnungen
- HEX
- #9ed686
- RGB
- rgb(158 214 134)
- HSL
- hsl(102 49% 68%)
- HWB
- hwb(102 53% 16%)
- OKLCH
- oklch(0.818 0.122 136.7)
- OKLab
- oklab(0.818 -0.089 0.084)
- CIE Lab
- lab(80.33 -29.62 33.51)
- LCH
- lch(80.33 44.73 131.5)
- CMYK
- cmyk(26% 0% 37% 16%)
Tints · Shades · Tones
Tints
- A8DA93
- B2DF9F
- BBE3AB
- C5E7B7
- CFEBC3
- D8EFCF
- E2F3DB
- ECF7E7
- F5FBF3
Shades
- 89BA74
- 749E62
- 608451
- 4D6A40
- 3A5230
- 293B21
- 182513
- 091006
- 010201
Tones
- 9BCD86
- 98C486
- 96BC86
- 93B385
- 90AB85
- 8DA284
- 8A9983
- 869182
- 838881
Farbharmonien
Komplementär +180°
- 9ED686
Celery Sprig
- E3AAF8
≈ Testosterose
Analog -30° +30°
- 9ED686
Celery Sprig
- CDC965
≈ Mung Bean
- 6ADDB2
≈ Beryl
Triadisch +120° +240°
- 9ED686
Celery Sprig
- 9DC6FF
≈ Apocyan
- FFA8AC
≈ Apricot Haze
Geteilt komplementär +150° +210°
- 9ED686
Celery Sprig
- BEBBFF
≈ Dried Lilac
- FDA2D3
≈ Corinthian Pink
Tetradisch +90° +180° +270°
- 9ED686
Celery Sprig
- 62D3FF
≈ Heisenberg Blue
- E3AAF8
≈ Testosterose
- FFAD85
≈ Sunset Over the Alps
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.41:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--celery-sprig: #9ed686;
--celery-sprig-rgb: 158 214 134;
--celery-sprig-oklch: oklch(0.818 0.122 136.7);
}
.element {
color: var(--celery-sprig);
background-color: hsl(102 49% 68%);
border-color: oklch(0.818 0.122 136.7);
}Tailwind CSS v4
@theme {
--color-celery-sprig: #9ed686;
--color-celery-sprig-50: #e4fedd;
--color-celery-sprig-100: #d4f2cb;
--color-celery-sprig-200: #bae1af;
--color-celery-sprig-300: #98c78a;
--color-celery-sprig-400: #7caf65;
--color-celery-sprig-500: #5d9842;
--color-celery-sprig-600: #508139;
--color-celery-sprig-700: #3f672d;
--color-celery-sprig-800: #2f4b1d;
--color-celery-sprig-900: #203413;
--color-celery-sprig-950: #0f2005;
}SCSS
$celery-sprig: #9ed686;
$celery-sprig-rgb: 158, 214, 134;
$celery-sprig-light: mix(#fff, $celery-sprig, 20%);
$celery-sprig-dark: mix(#000, $celery-sprig, 20%);
.element {
color: $celery-sprig;
box-shadow: 0 0 0 2px rgba($celery-sprig, 0.35);
}