Benannte Farbe · #96F97B
Radar Blip Green
Radar Blip Green ist #96F97B: rgb(150 249 123), hsl(107 91% 73%), oklch(0.894 0.188 139.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Radar Blip Green color name →
#96F97B
oklch(0.894 0.188 139.3)
Farbumrechnungen
- HEX
- #96f97b
- RGB
- rgb(150 249 123)
- HSL
- hsl(107 91% 73%)
- HWB
- hwb(107 48% 2%)
- OKLCH
- oklch(0.894 0.188 139.3)
- OKLab
- oklab(0.894 -0.142 0.122)
- CIE Lab
- lab(89.81 -47.5 50.35)
- LCH
- lch(89.81 69.22 133.3)
- CMYK
- cmyk(40% 0% 51% 2%)
Tints · Shades · Tones
Tints
- A2FA8A
- ADFB99
- B8FCA7
- C3FDB4
- CDFDC1
- D8FECE
- E2FEDA
- ECFFE7
- F5FFF3
Shades
- 82D96A
- 6EB95A
- 5B9A4A
- 497D3A
- 37612C
- 26461E
- 162C10
- 081505
- 010301
Tones
- 95ED7D
- 94E07F
- 92D481
- 90C882
- 8EBC82
- 8CB082
- 89A482
- 869882
- 838C81
Farbharmonien
Komplementär +180°
- 96F97B
Radar Blip Green
- F4CBFF
≈ Sparkling Lavender
Analog -30° +30°
- 96F97B
Radar Blip Green
- E6E523
≈ Birdie
- 35FFC9
≈ Plunge Pool
Triadisch +120° +240°
- 96F97B
Radar Blip Green
- C8DDFF
≈ Arc Light
- FFCECD
≈ Aromatic Breeze
Geteilt komplementär +150° +210°
- 96F97B
Radar Blip Green
- DAD7FF
≈ Japan Blush
- FFCBE3
≈ Classic Rose
Tetradisch +90° +180° +270°
- 96F97B
Radar Blip Green
- AFE5FF
≈ Frozen Landscape
- F4CBFF
≈ Sparkling Lavender
- FFD1B8
≈ Peachy Bon-Bon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.13:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--radar-blip-green: #96f97b;
--radar-blip-green-rgb: 150 249 123;
--radar-blip-green-oklch: oklch(0.894 0.188 139.3);
}
.element {
color: var(--radar-blip-green);
background-color: hsl(107 91% 73%);
border-color: oklch(0.894 0.188 139.3);
}Tailwind CSS v4
@theme {
--color-radar-blip-green: #96f97b;
--color-radar-blip-green-50: #d8ffd1;
--color-radar-blip-green-100: #c6f8be;
--color-radar-blip-green-200: #a7e99d;
--color-radar-blip-green-300: #7ecf72;
--color-radar-blip-green-400: #5cb841;
--color-radar-blip-green-500: #2fa100;
--color-radar-blip-green-600: #2a8800;
--color-radar-blip-green-700: #226d00;
--color-radar-blip-green-800: #1c5000;
--color-radar-blip-green-900: #123800;
--color-radar-blip-green-950: #042200;
}SCSS
$radar-blip-green: #96f97b;
$radar-blip-green-rgb: 150, 249, 123;
$radar-blip-green-light: mix(#fff, $radar-blip-green, 20%);
$radar-blip-green-dark: mix(#000, $radar-blip-green, 20%);
.element {
color: $radar-blip-green;
box-shadow: 0 0 0 2px rgba($radar-blip-green, 0.35);
}