Colore con nome · #4EFD54
Goblin Warboss
Goblin Warboss è #4EFD54: rgb(78 253 84), hsl(122 98% 65%), oklch(0.874 0.253 143.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Goblin Warboss color name →
#4EFD54
oklch(0.874 0.253 143.5)
Conversioni di colore
- HEX
- #4efd54
- RGB
- rgb(78 253 84)
- HSL
- hsl(122 98% 65%)
- HWB
- hwb(122 31% 1%)
- OKLCH
- oklch(0.874 0.253 143.5)
- OKLab
- oklab(0.874 -0.203 0.15)
- CIE Lab
- lab(88.28 -69.21 64.1)
- LCH
- lch(88.28 94.33 137.2)
- CMYK
- cmyk(69% 0% 67% 1%)
Tinte · Ombre · Toni
Tinte
- 6AFE6B
- 81FF7F
- 94FF92
- A6FFA3
- B6FFB3
- C6FFC3
- D5FFD2
- E3FFE1
- F1FFF0
Ombre
- 43DC48
- 38BC3C
- 2D9D31
- 237F26
- 19621B
- 0F4711
- 072D08
- 021602
- 000300
Toni
- 5BF05D
- 65E465
- 6CD76B
- 72CB70
- 77BE75
- 7AB278
- 7DA57B
- 7F997D
- 808D7F
Armonie di colore
Complementare +180°
- 4EFD54
Goblin Warboss
- F9BDFF
≈ Electric Lavender
Analogo -30° +30°
- 4EFD54
Goblin Warboss
- D6E200
≈ Sickly Yellow
- 00F8CC
≈ Bright Teal
Triadico +120° +240°
- 4EFD54
Goblin Warboss
- C1D6FF
≈ Pale Phthalo Blue
- FFC5C0
≈ Ladylike
Complementare divisa +150° +210°
- 4EFD54
Goblin Warboss
- D7CEFF
≈ Pale Lavender
- FFC1D9
≈ Sweet Romance
Tetradico +90° +180° +270°
- 4EFD54
Goblin Warboss
- A5DEFF
≈ Droplet
- F9BDFF
≈ Electric Lavender
- FFC8A6
≈ Bright Citrus
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.50:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.50:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--goblin-warboss: #4efd54;
--goblin-warboss-rgb: 78 253 84;
--goblin-warboss-oklch: oklch(0.874 0.253 143.5);
}
.element {
color: var(--goblin-warboss);
background-color: hsl(122 98% 65%);
border-color: oklch(0.874 0.253 143.5);
}Tailwind CSS v4
@theme {
--color-goblin-warboss: #4efd54;
--color-goblin-warboss-50: #c7ffc9;
--color-goblin-warboss-100: #b1ffb4;
--color-goblin-warboss-200: #88f08f;
--color-goblin-warboss-300: #4dd85f;
--color-goblin-warboss-400: #00c10c;
--color-goblin-warboss-500: #00aa00;
--color-goblin-warboss-600: #009000;
--color-goblin-warboss-700: #007400;
--color-goblin-warboss-800: #005500;
--color-goblin-warboss-900: #003b00;
--color-goblin-warboss-950: #002500;
}SCSS
$goblin-warboss: #4efd54;
$goblin-warboss-rgb: 78, 253, 84;
$goblin-warboss-light: mix(#fff, $goblin-warboss, 20%);
$goblin-warboss-dark: mix(#000, $goblin-warboss, 20%);
.element {
color: $goblin-warboss;
box-shadow: 0 0 0 2px rgba($goblin-warboss, 0.35);
}