Colore con nome · #75BF0A
Monstera Deliciosa
Monstera Deliciosa è #75BF0A: rgb(117 191 10), hsl(85 90% 39%), oklch(0.728 0.2 132). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Monstera Deliciosa color name →
#75BF0A
oklch(0.728 0.2 132)
Conversioni di colore
- HEX
- #75bf0a
- RGB
- rgb(117 191 10)
- HSL
- hsl(85 90% 39%)
- HWB
- hwb(85 4% 25%)
- OKLCH
- oklch(0.728 0.2 132)
- OKLab
- oklab(0.728 -0.134 0.149)
- CIE Lab
- lab(70.4 -41.86 67.77)
- LCH
- lch(70.4 79.66 121.7)
- CMYK
- cmyk(39% 0% 95% 25%)
Tinte · Ombre · Toni
Tinte
- 83C63D
- 91CD59
- 9FD371
- ACDA87
- BAE19C
- C8E7B0
- D5EDC4
- E3F3D8
- F1F9EB
Ombre
- 65A607
- 558D05
- 467503
- 375E02
- 294801
- 1C3301
- 0F1F00
- 050D00
- 010200
Toni
- 77B92D
- 78B33E
- 7AAD4B
- 7BA756
- 7CA05F
- 7D9A67
- 7E946E
- 7F8D74
- 80877A
Armonie di colore
Complementare +180°
- 75BF0A
Monstera Deliciosa
- D07CFF
≈ Rosy Fluffy Bedspread
Analogo -30° +30°
- 75BF0A
Monstera Deliciosa
- BBA900
≈ Brass Knuckle
- 00C587
≈ Píng Gǔo Lǜ Green
Triadico +120° +240°
- 75BF0A
Monstera Deliciosa
- 5DABFF
≈ Joust Blue
- FF728A
≈ Heatstroke
Complementare divisa +150° +210°
- 75BF0A
Monstera Deliciosa
- 999AFF
≈ Cobalite
- F76BCA
≈ Rose Pink
Tetradico +90° +180° +270°
- 75BF0A
Monstera Deliciosa
- 00B9E3
≈ Maldives
- D07CFF
≈ Rosy Fluffy Bedspread
- FF7B43
≈ Mythical Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.21:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--monstera-deliciosa: #75bf0a;
--monstera-deliciosa-rgb: 117 191 10;
--monstera-deliciosa-oklch: oklch(0.728 0.2 132);
}
.element {
color: var(--monstera-deliciosa);
background-color: hsl(85 90% 39%);
border-color: oklch(0.728 0.2 132);
}Tailwind CSS v4
@theme {
--color-monstera-deliciosa: #75bf0a;
--color-monstera-deliciosa-50: #deffc8;
--color-monstera-deliciosa-100: #cdf7b3;
--color-monstera-deliciosa-200: #b1e78e;
--color-monstera-deliciosa-300: #8bcd5d;
--color-monstera-deliciosa-400: #70b512;
--color-monstera-deliciosa-500: #4e9e00;
--color-monstera-deliciosa-600: #438600;
--color-monstera-deliciosa-700: #356b00;
--color-monstera-deliciosa-800: #2a4e00;
--color-monstera-deliciosa-900: #1c3600;
--color-monstera-deliciosa-950: #0c2100;
}SCSS
$monstera-deliciosa: #75bf0a;
$monstera-deliciosa-rgb: 117, 191, 10;
$monstera-deliciosa-light: mix(#fff, $monstera-deliciosa, 20%);
$monstera-deliciosa-dark: mix(#000, $monstera-deliciosa, 20%);
.element {
color: $monstera-deliciosa;
box-shadow: 0 0 0 2px rgba($monstera-deliciosa, 0.35);
}