Benannte Farbe · #94FF94
Cobalt Green
Cobalt Green ist #94FF94: rgb(148 255 148), hsl(120 100% 79%), oklch(0.91 0.174 144). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Cobalt Green color name →
#94FF94
oklch(0.91 0.174 144)
Farbumrechnungen
- HEX
- #94ff94
- RGB
- rgb(148 255 148)
- HSL
- hsl(120 100% 79%)
- HWB
- hwb(120 58% 0%)
- OKLCH
- oklch(0.91 0.174 144)
- OKLab
- oklab(0.91 -0.141 0.102)
- CIE Lab
- lab(91.72 -47.98 40.99)
- LCH
- lch(91.72 63.1 139.5)
- CMYK
- cmyk(42% 0% 42% 0%)
Tints · Shades · Tones
Tints
- A1FFA0
- ACFFAB
- B8FFB6
- C3FFC1
- CDFFCC
- D8FFD6
- E2FFE0
- ECFFEB
- F5FFF5
Shades
- 80DE80
- 6DBE6D
- 5A9E5A
- 488048
- 366336
- 264826
- 162E16
- 081608
- 010301
Tones
- 93F293
- 93E592
- 91D890
- 90CB8E
- 8EBE8D
- 8CB28A
- 89A588
- 869986
- 838C83
Farbharmonien
Komplementär +180°
- 94FF94
Cobalt Green
- FCD1FF
≈ Pink Diamond
Analog -30° +30°
- 94FF94
Cobalt Green
- E1EE52
≈ Pineapple High
- 6CFFDA
≈ Spindrift
Triadisch +120° +240°
- 94FF94
Cobalt Green
- D3E2FF
≈ Contrail
- FFD6D3
≈ Bleached Coral
Geteilt komplementär +150° +210°
- 94FF94
Cobalt Green
- E2DCFF
≈ Transparent Blue
- FFD4E4
≈ Poplar Pink
Tetradisch +90° +180° +270°
- 94FF94
Cobalt Green
- C1E8FF
≈ Blue Java Banana
- FCD1FF
≈ Pink Diamond
- FFD9C1
≈ Sun-Kissed Peach
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 16.99:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 16.99:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--cobalt-green: #94ff94;
--cobalt-green-rgb: 148 255 148;
--cobalt-green-oklch: oklch(0.91 0.174 144);
}
.element {
color: var(--cobalt-green);
background-color: hsl(120 100% 79%);
border-color: oklch(0.91 0.174 144);
}Tailwind CSS v4
@theme {
--color-cobalt-green: #94ff94;
--color-cobalt-green-50: #d6ffd8;
--color-cobalt-green-100: #c3f8c5;
--color-cobalt-green-200: #a3e9a7;
--color-cobalt-green-300: #78cf80;
--color-cobalt-green-400: #54b856;
--color-cobalt-green-500: #1ba22a;
--color-cobalt-green-600: #1c8926;
--color-cobalt-green-700: #176e1e;
--color-cobalt-green-800: #14500f;
--color-cobalt-green-900: #0d380a;
--color-cobalt-green-950: #012200;
}SCSS
$cobalt-green: #94ff94;
$cobalt-green-rgb: 148, 255, 148;
$cobalt-green-light: mix(#fff, $cobalt-green, 20%);
$cobalt-green-dark: mix(#000, $cobalt-green, 20%);
.element {
color: $cobalt-green;
box-shadow: 0 0 0 2px rgba($cobalt-green, 0.35);
}