Cor nomeada mais próxima · #94B139
#94B139
Cor nomeada mais próxima: Limolicious
#94B139 (rgb(148 177 57), hsl(74 51% 46%), oklch(0.715 0.148 122)) é mais próxima da cor nomeada Limolicious. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#94B139
oklch(0.715 0.148 122)
Conversões de cor
- HEX
- #94b139
- RGB
- rgb(148 177 57)
- HSL
- hsl(74 51% 46%)
- HWB
- hwb(74 22% 31%)
- OKLCH
- oklch(0.715 0.148 122)
- OKLab
- oklab(0.715 -0.078 0.126)
- CIE Lab
- lab(68.28 -22.87 54.98)
- LCH
- lch(68.28 59.55 112.6)
- CMYK
- cmyk(16% 0% 68% 31%)
Tons claros · Sombras · Tons
Tons claros
- 9EB952
- A8C168
- B3C97C
- BDD190
- C8D9A3
- D3E0B5
- DDE8C8
- E9F0DA
- F4F7ED
Sombras
- 809930
- 6D8328
- 5A6C1F
- 485717
- 364210
- 262F09
- 161C04
- 080C01
- 010100
Tons
- 92AC45
- 90A74F
- 8EA357
- 8C9E5F
- 8A9966
- 88946C
- 868F71
- 848A77
- 82857B
Harmonias de cor
Complementar +180°
- 94B139
Limolicious
- B58BF0
≈ Lilac Geode
Análoga -30° +30°
- 94B139
Limolicious
- C49F00
≈ Molten Bronze
- 4DBD73
≈ Esmeralda
Tríade +120° +240°
- 94B139
Limolicious
- 39ACF7
≈ Adamantine Blue
- ED789C
≈ Embarrassed
Complementar dividida +150° +210°
- 94B139
Limolicious
- 839BFF
≈ Periwinkle Blue
- D87ECC
≈ Purple Kush
Tétrade +90° +180° +270°
- 94B139
Limolicious
- 00B7D0
≈ Utopia Beckons
- B58BF0
≈ Lilac Geode
- F17C66
≈ Melon Refresher
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.60:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--limolicious: #94b139;
--limolicious-rgb: 148 177 57;
--limolicious-oklch: oklch(0.715 0.148 122);
}
.element {
color: var(--limolicious);
background-color: hsl(74 51% 46%);
border-color: oklch(0.715 0.148 122);
}Tailwind CSS v4
@theme {
--color-limolicious: #94b139;
--color-limolicious-50: #ecfdcf;
--color-limolicious-100: #ddf1bb;
--color-limolicious-200: #c7df99;
--color-limolicious-300: #a8c46d;
--color-limolicious-400: #90ac3c;
--color-limolicious-500: #779400;
--color-limolicious-600: #647d00;
--color-limolicious-700: #506400;
--color-limolicious-800: #3c4900;
--color-limolicious-900: #293300;
--color-limolicious-950: #171e00;
}SCSS
$limolicious: #94b139;
$limolicious-rgb: 148, 177, 57;
$limolicious-light: mix(#fff, $limolicious, 20%);
$limolicious-dark: mix(#000, $limolicious, 20%);
.element {
color: $limolicious;
box-shadow: 0 0 0 2px rgba($limolicious, 0.35);
}