Benannte Farbe · #00AA00
Phosphor Green
Phosphor Green ist #00AA00: rgb(0 170 0), hsl(120 100% 33%), oklch(0.639 0.218 142.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Phosphor Green color name →
#00AA00
oklch(0.639 0.218 142.5)
Farbumrechnungen
- HEX
- #00aa00
- RGB
- rgb(0 170 0)
- HSL
- hsl(120 100% 33%)
- HWB
- hwb(120 0% 33%)
- OKLCH
- oklch(0.639 0.218 142.5)
- OKLab
- oklab(0.639 -0.173 0.132)
- CIE Lab
- lab(60.62 -58.5 59.78)
- LCH
- lch(60.62 83.64 134.4)
- CMYK
- cmyk(100% 0% 100% 33%)
Tints · Shades · Tones
Tints
- 3AB335
- 57BC51
- 6FC569
- 85CE7F
- 9BD695
- AFDFAA
- C3E7C0
- D7EFD5
- EBF7EA
Shades
- 009300
- 007D00
- 006800
- 005300
- 003F00
- 002D00
- 001B00
- 000B00
- 000100
Tones
- 29A625
- 3CA337
- 499F44
- 549B4F
- 5D9759
- 669262
- 6D8E6A
- 748A72
- 7A8579
Farbharmonien
Komplementär +180°
- 00AA00
Phosphor Green
- C751D7
≈ Thick Pink
Analog -30° +30°
- 00AA00
Phosphor Green
- 8E9400
≈ Snakes in the Grass
- 00A484
≈ Congo Green
Triadisch +120° +240°
- 00AA00
Phosphor Green
- 4885FF
≈ Bleuchâtel Blue
- F43D4A
≈ Vineyard Autumn
Geteilt komplementär +150° +210°
- 00AA00
Phosphor Green
- 9469FF
≈ Purple Anemone
- E73F98
≈ Schiaparelli Pink
Tetradisch +90° +180° +270°
- 00AA00
Phosphor Green
- 0098CE
≈ Tomb Blue
- C751D7
≈ Thick Pink
- D66900
≈ Cinnamon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.74:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.74:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--phosphor-green: #00aa00;
--phosphor-green-rgb: 0 170 0;
--phosphor-green-oklch: oklch(0.639 0.218 142.5);
}
.element {
color: var(--phosphor-green);
background-color: hsl(120 100% 33%);
border-color: oklch(0.639 0.218 142.5);
}Tailwind CSS v4
@theme {
--color-phosphor-green: #00aa00;
--color-phosphor-green-50: #cfffcf;
--color-phosphor-green-100: #bbfcba;
--color-phosphor-green-200: #97ed98;
--color-phosphor-green-300: #67d36c;
--color-phosphor-green-400: #3abc35;
--color-phosphor-green-500: #00a600;
--color-phosphor-green-600: #008c00;
--color-phosphor-green-700: #007100;
--color-phosphor-green-800: #005300;
--color-phosphor-green-900: #013a00;
--color-phosphor-green-950: #002400;
}SCSS
$phosphor-green: #00aa00;
$phosphor-green-rgb: 0, 170, 0;
$phosphor-green-light: mix(#fff, $phosphor-green, 20%);
$phosphor-green-dark: mix(#000, $phosphor-green, 20%);
.element {
color: $phosphor-green;
box-shadow: 0 0 0 2px rgba($phosphor-green, 0.35);
}