Cor nomeada · #90AC74
Geranium Leaf
Geranium Leaf é #90AC74: rgb(144 172 116), hsl(90 25% 56%), oklch(0.709 0.084 129.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Geranium Leaf color name →
#90AC74
oklch(0.709 0.084 129.9)
Conversões de cor
- HEX
- #90ac74
- RGB
- rgb(144 172 116)
- HSL
- hsl(90 25% 56%)
- HWB
- hwb(90 45% 33%)
- OKLCH
- oklch(0.709 0.084 129.9)
- OKLab
- oklab(0.709 -0.054 0.064)
- CIE Lab
- lab(67.16 -17.58 25.56)
- LCH
- lch(67.16 31.02 124.5)
- CMYK
- cmyk(16% 0% 33% 33%)
Tons claros · Sombras · Tons
Tons claros
- 9BB482
- A5BC8F
- B0C59D
- BBCDAB
- C6D5B9
- D1DDC7
- DDE6D4
- E8EEE3
- F3F7F1
Sombras
- 7D9564
- 6A7F54
- 576945
- 455437
- 344029
- 242D1B
- 151B0F
- 070B05
- 010101
Tons
- 8EA876
- 8DA377
- 8B9F79
- 8A9A7A
- 88967B
- 87927C
- 858D7D
- 83897E
- 82847F
Harmonias de cor
Complementar +180°
- 90AC74
Geranium Leaf
- B193C9
≈ Cut Velvet
Análoga -30° +30°
- 90AC74
Geranium Leaf
- ADA364
≈ Wavy Glass
- 71B28F
≈ Mate Tea
Tríade +120° +240°
- 90AC74
Geranium Leaf
- 79A5D4
≈ Boudoir Blue
- CF8B95
≈ Fruit Cocktail
Complementar dividida +150° +210°
- 90AC74
Geranium Leaf
- 969CD5
≈ Azureno
- C58DB2
≈ Bossy-Pants Pink
Tétrade +90° +180° +270°
- 90AC74
Geranium Leaf
- 60AEC5
≈ Blue Mist
- B193C9
≈ Cut Velvet
- CF8F7A
≈ Orange Essential
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.51:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.33:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.33:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--geranium-leaf: #90ac74;
--geranium-leaf-rgb: 144 172 116;
--geranium-leaf-oklch: oklch(0.709 0.084 129.9);
}
.element {
color: var(--geranium-leaf);
background-color: hsl(90 25% 56%);
border-color: oklch(0.709 0.084 129.9);
}Tailwind CSS v4
@theme {
--color-geranium-leaf: #90ac74;
--color-geranium-leaf-50: #ecfbe2;
--color-geranium-leaf-100: #deeed2;
--color-geranium-leaf-200: #c7dcb8;
--color-geranium-leaf-300: #a8c195;
--color-geranium-leaf-400: #8ea974;
--color-geranium-leaf-500: #749155;
--color-geranium-leaf-600: #627b48;
--color-geranium-leaf-700: #4e6239;
--color-geranium-leaf-800: #3a4828;
--color-geranium-leaf-900: #28321b;
--color-geranium-leaf-950: #161e0b;
}SCSS
$geranium-leaf: #90ac74;
$geranium-leaf-rgb: 144, 172, 116;
$geranium-leaf-light: mix(#fff, $geranium-leaf, 20%);
$geranium-leaf-dark: mix(#000, $geranium-leaf, 20%);
.element {
color: $geranium-leaf;
box-shadow: 0 0 0 2px rgba($geranium-leaf, 0.35);
}