Cor nomeada · #77BB00
Green Serpent
Green Serpent é #77BB00: rgb(119 187 0), hsl(82 100% 37%), oklch(0.719 0.196 130.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Serpent color name →
#77BB00
oklch(0.719 0.196 130.9)
Conversões de cor
- HEX
- #77bb00
- RGB
- rgb(119 187 0)
- HSL
- hsl(82 100% 37%)
- HWB
- hwb(82 0% 27%)
- OKLCH
- oklch(0.719 0.196 130.9)
- OKLab
- oklab(0.719 -0.128 0.148)
- CIE Lab
- lab(69.28 -39.72 68.05)
- LCH
- lch(69.28 78.79 120.3)
- CMYK
- cmyk(36% 0% 100% 27%)
Tons claros · Sombras · Tons
Tons claros
- 85C23A
- 92CA57
- A0D16F
- ADD885
- BADE9B
- C8E5AF
- D6ECC3
- E3F2D7
- F1F9EB
Sombras
- 67A200
- 578A00
- 477300
- 385C00
- 2A4600
- 1C3200
- 101F00
- 050D00
- 010200
Tons
- 78B529
- 7AB03C
- 7BAA49
- 7CA454
- 7D9E5D
- 7E9866
- 7E926D
- 7F8C74
- 80867A
Harmonias de cor
Complementar +180°
- 77BB00
Green Serpent
- CB7AFD
≈ Rosy Fluffy Bedspread
Análoga -30° +30°
- 77BB00
Green Serpent
- B9A600
≈ Sulphine Yellow
- 00C282
≈ Greenish Teal
Tríade +120° +240°
- 77BB00
Green Serpent
- 53A8FF
≈ Joust Blue
- FF6C88
≈ Berlin Pink
Complementar dividida +150° +210°
- 77BB00
Green Serpent
- 9497FF
≈ Cobalite
- F16AC8
≈ Crumbly Lipstick
Tétrade +90° +180° +270°
- 77BB00
Green Serpent
- 00B6DE
≈ Blue Atoll
- CB7AFD
≈ Rosy Fluffy Bedspread
- FF753E
≈ Synthetic Pumpkin
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.36:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 8.89:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--green-serpent: #77bb00;
--green-serpent-rgb: 119 187 0;
--green-serpent-oklch: oklch(0.719 0.196 130.9);
}
.element {
color: var(--green-serpent);
background-color: hsl(82 100% 37%);
border-color: oklch(0.719 0.196 130.9);
}Tailwind CSS v4
@theme {
--color-green-serpent: #77bb00;
--color-green-serpent-50: #e0ffc8;
--color-green-serpent-100: #cff7b3;
--color-green-serpent-200: #b3e68e;
--color-green-serpent-300: #8fcc5d;
--color-green-serpent-400: #74b413;
--color-green-serpent-500: #549d00;
--color-green-serpent-600: #488500;
--color-green-serpent-700: #396a00;
--color-green-serpent-800: #2c4e00;
--color-green-serpent-900: #1e3600;
--color-green-serpent-950: #0e2100;
}SCSS
$green-serpent: #77bb00;
$green-serpent-rgb: 119, 187, 0;
$green-serpent-light: mix(#fff, $green-serpent, 20%);
$green-serpent-dark: mix(#000, $green-serpent, 20%);
.element {
color: $green-serpent;
box-shadow: 0 0 0 2px rgba($green-serpent, 0.35);
}