Benannte Farbe · #54D905
Corrosive Green
Corrosive Green ist #54D905: rgb(84 217 5), hsl(98 95% 44%), oklch(0.78 0.243 138.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Corrosive Green color name →
#54D905
oklch(0.78 0.243 138.7)
Farbumrechnungen
- HEX
- #54d905
- RGB
- rgb(84 217 5)
- HSL
- hsl(98 95% 44%)
- HWB
- hwb(98 2% 15%)
- OKLCH
- oklch(0.78 0.243 138.7)
- OKLab
- oklab(0.78 -0.183 0.161)
- CIE Lab
- lab(77.12 -60.27 72.8)
- LCH
- lch(77.12 94.51 129.6)
- CMYK
- cmyk(61% 0% 98% 15%)
Tints · Shades · Tones
Tints
- 6ADE40
- 7EE25D
- 90E675
- A1EB8B
- B2EEA0
- C2F2B3
- D1F6C7
- E1F9DA
- F0FCEC
Shades
- 48BC04
- 3CA103
- 318602
- 266C01
- 1B5301
- 113B00
- 082500
- 021100
- 000200
Tones
- 5DD02E
- 64C841
- 6ABF4E
- 6FB659
- 73AD62
- 77A469
- 7A9B70
- 7C9276
- 7E897B
Farbharmonien
Komplementär +180°
- 54D905
Corrosive Green
- E78FFF
≈ Give Me Your Love
Analog -30° +30°
- 54D905
Corrosive Green
- C1BF00
≈ Oilseed Crops
- 00D7A5
≈ Wild Caribbean Green
Triadisch +120° +240°
- 54D905
Corrosive Green
- 8BB9FF
≈ Carolina Blue
- FF9497
≈ Cherished One
Geteilt komplementär +150° +210°
- 54D905
Corrosive Green
- B5ABFF
≈ Winterspring Lilac
- FF8BC8
≈ Shimmering Love
Tetradisch +90° +180° +270°
- 54D905
Corrosive Green
- 31C8FF
≈ Shovel Knight
- E78FFF
≈ Give Me Your Love
- FF9A62
≈ Mock Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.30:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--corrosive-green: #54d905;
--corrosive-green-rgb: 84 217 5;
--corrosive-green-oklch: oklch(0.78 0.243 138.7);
}
.element {
color: var(--corrosive-green);
background-color: hsl(98 95% 44%);
border-color: oklch(0.78 0.243 138.7);
}Tailwind CSS v4
@theme {
--color-corrosive-green: #54d905;
--color-corrosive-green-50: #cfffc5;
--color-corrosive-green-100: #bbfdaf;
--color-corrosive-green-200: #98ee89;
--color-corrosive-green-300: #68d454;
--color-corrosive-green-400: #3fbd00;
--color-corrosive-green-500: #00a600;
--color-corrosive-green-600: #008d00;
--color-corrosive-green-700: #007100;
--color-corrosive-green-800: #045300;
--color-corrosive-green-900: #043a00;
--color-corrosive-green-950: #002400;
}SCSS
$corrosive-green: #54d905;
$corrosive-green-rgb: 84, 217, 5;
$corrosive-green-light: mix(#fff, $corrosive-green, 20%);
$corrosive-green-dark: mix(#000, $corrosive-green, 20%);
.element {
color: $corrosive-green;
box-shadow: 0 0 0 2px rgba($corrosive-green, 0.35);
}