Cor nomeada mais próxima · #336630
#336630
Cor nomeada mais próxima: Greenhouse
#336630 (rgb(51 102 48), hsl(117 36% 29%), oklch(0.461 0.1 142.7)) é mais próxima da cor nomeada Greenhouse. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#336630
oklch(0.461 0.1 142.7)
Conversões de cor
- HEX
- #336630
- RGB
- rgb(51 102 48)
- HSL
- hsl(117 36% 29%)
- HWB
- hwb(117 19% 60%)
- OKLCH
- oklch(0.461 0.1 142.7)
- OKLab
- oklab(0.461 -0.08 0.061)
- CIE Lab
- lab(38.62 -27.02 24.78)
- LCH
- lch(38.62 36.67 137.5)
- CMYK
- cmyk(50% 0% 53% 60%)
Tons claros · Sombras · Tons
Tons claros
- 477544
- 5B8357
- 6E926B
- 82A17F
- 96B094
- AAC0A8
- BFCFBD
- D4DFD3
- E9EFE9
Sombras
- 2B5828
- 234A21
- 1C3C1A
- 142F13
- 0D230C
- 071706
- 030C03
- 010401
- 000000
Tons
- 3C6939
- 446C41
- 4C6E49
- 547151
- 5B7459
- 637661
- 6A7969
- 717B70
- 797E78
Harmonias de cor
Complementar +180°
- 336630
Greenhouse
- 724379
≈ Plum Jam
Análoga -30° +30°
- 336630
Greenhouse
- 595D05
≈ Greensboro
- 006853
≈ Piney Lake
Tríade +120° +240°
- 336630
Greenhouse
- 395690
≈ B’dazzled Blue
- 873F3D
≈ Apple Polish
Complementar dividida +150° +210°
- 336630
Greenhouse
- 5B4C8B
≈ Purple Corallite
- 823E5D
≈ Ancient Royal Banner
Tétrade +90° +180° +270°
- 336630
Greenhouse
- 006084
≈ Adriatic Sea
- 724379
≈ Plum Jam
- 83461A
≈ Russet
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.80:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.08:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--greenhouse: #336630;
--greenhouse-rgb: 51 102 48;
--greenhouse-oklch: oklch(0.461 0.1 142.7);
}
.element {
color: var(--greenhouse);
background-color: hsl(117 36% 29%);
border-color: oklch(0.461 0.1 142.7);
}Tailwind CSS v4
@theme {
--color-greenhouse: #336630;
--color-greenhouse-50: #e4fde4;
--color-greenhouse-100: #d4f1d4;
--color-greenhouse-200: #bbe0ba;
--color-greenhouse-300: #98c598;
--color-greenhouse-400: #7bae77;
--color-greenhouse-500: #5d9758;
--color-greenhouse-600: #4f804b;
--color-greenhouse-700: #3f663c;
--color-greenhouse-800: #2e4b29;
--color-greenhouse-900: #1f341c;
--color-greenhouse-950: #0f1f0c;
}SCSS
$greenhouse: #336630;
$greenhouse-rgb: 51, 102, 48;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}