Cor nomeada · #33673F
Genever Green
Genever Green é #33673F: rgb(51 103 63), hsl(134 34% 30%), oklch(0.466 0.086 149.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Genever Green color name →
#33673F
oklch(0.466 0.086 149.6)
Conversões de cor
- HEX
- #33673f
- RGB
- rgb(51 103 63)
- HSL
- hsl(134 34% 30%)
- HWB
- hwb(134 20% 60%)
- OKLCH
- oklch(0.466 0.086 149.6)
- OKLab
- oklab(0.466 -0.074 0.043)
- CIE Lab
- lab(39.18 -25.55 17.03)
- LCH
- lch(39.18 30.71 146.3)
- CMYK
- cmyk(50% 0% 39% 60%)
Tons claros · Sombras · Tons
Tons claros
- 477551
- 5B8462
- 6F9375
- 82A287
- 97B19B
- ABC0AE
- BFCFC2
- D4DFD6
- EAEFEA
Sombras
- 2B5935
- 234B2C
- 1C3D23
- 14301B
- 0D2312
- 07170A
- 030C04
- 010401
- 000000
Tons
- 3C6A46
- 446C4C
- 4C6F53
- 547159
- 5C745F
- 637666
- 6A796C
- 727B73
- 797E79
Harmonias de cor
Complementar +180°
- 33673F
Genever Green
- 744771
≈ Sunset Purple
Análoga -30° +30°
- 33673F
Genever Green
- 546024
≈ Basil Green
- 00695B
≈ Bella Vista
Tríade +120° +240°
- 33673F
Genever Green
- 47578A
≈ Baby Whale
- 83463D
≈ Sequoia
Complementar dividida +150° +210°
- 33673F
Genever Green
- 614E83
≈ Sumptuous Purple
- 804458
≈ Cheerful Wine
Tétrade +90° +180° +270°
- 33673F
Genever Green
- 246085
≈ Suez Canal
- 744771
≈ Sunset Purple
- 7D4D23
≈ Milk Chocolate
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.66:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.15:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--genever-green: #33673f;
--genever-green-rgb: 51 103 63;
--genever-green-oklch: oklch(0.466 0.086 149.6);
}
.element {
color: var(--genever-green);
background-color: hsl(134 34% 30%);
border-color: oklch(0.466 0.086 149.6);
}Tailwind CSS v4
@theme {
--color-genever-green: #33673f;
--color-genever-green-50: #e4fde9;
--color-genever-green-100: #d4f1da;
--color-genever-green-200: #badfc2;
--color-genever-green-300: #97c4a2;
--color-genever-green-400: #7aad83;
--color-genever-green-500: #5b9667;
--color-genever-green-600: #4e7f58;
--color-genever-green-700: #3e6646;
--color-genever-green-800: #2d4b31;
--color-genever-green-900: #1f3421;
--color-genever-green-950: #0e1f11;
}SCSS
$genever-green: #33673f;
$genever-green-rgb: 51, 103, 63;
$genever-green-light: mix(#fff, $genever-green, 20%);
$genever-green-dark: mix(#000, $genever-green, 20%);
.element {
color: $genever-green;
box-shadow: 0 0 0 2px rgba($genever-green, 0.35);
}