Cor nomeada · #CCFD7F
Green Shimmer
Green Shimmer é #CCFD7F: rgb(204 253 127), hsl(83 97% 75%), oklch(0.934 0.163 126.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Shimmer color name →
#CCFD7F
oklch(0.934 0.163 126.9)
Conversões de cor
- HEX
- #ccfd7f
- RGB
- rgb(204 253 127)
- HSL
- hsl(83 97% 75%)
- HWB
- hwb(83 50% 1%)
- OKLCH
- oklch(0.934 0.163 126.9)
- OKLab
- oklab(0.934 -0.098 0.13)
- CIE Lab
- lab(93.94 -30.6 54.28)
- LCH
- lch(93.94 62.31 119.4)
- CMYK
- cmyk(19% 0% 50% 1%)
Tons claros · Sombras · Tons
Tons claros
- D1FE8E
- D6FE9D
- DBFEAA
- E0FFB7
- E5FFC4
- EAFFD0
- F0FFDC
- F5FFE8
- FAFFF3
Sombras
- B1DC6E
- 97BC5D
- 7E9D4C
- 657F3C
- 4E622D
- 37471F
- 222D11
- 0F1606
- 020301
Tons
- C4F081
- BCE383
- B5D684
- ADCA84
- A5BD85
- 9EB184
- 96A484
- 8F9883
- 878C82
Harmonias de cor
Complementar +180°
- CCFD7F
Green Shimmer
- F0E3FF
≈ Minute Mauve
Análoga -30° +30°
- CCFD7F
Green Shimmer
- FFEA8C
≈ Quack Quack
- ADFFCD
≈ Neo Mint
Tríade +120° +240°
- CCFD7F
Green Shimmer
- D8ECFF
≈ Hoarfrost
- FFE0E5
≈ Pink Pleasure
Complementar dividida +150° +210°
- CCFD7F
Green Shimmer
- E3E8FF
≈ Cyber Lavender
- FFDEF5
≈ Silky Pink
Tétrade +90° +180° +270°
- CCFD7F
Green Shimmer
- C5F2FF
≈ Heaven’s Gate
- F0E3FF
≈ Minute Mauve
- FFE2D9
≈ Peach Cloud
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 17.92:1 · APCA Lc 96
Melhor cor de texto: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--green-shimmer: #ccfd7f;
--green-shimmer-rgb: 204 253 127;
--green-shimmer-oklch: oklch(0.934 0.163 126.9);
}
.element {
color: var(--green-shimmer);
background-color: hsl(83 97% 75%);
border-color: oklch(0.934 0.163 126.9);
}Tailwind CSS v4
@theme {
--color-green-shimmer: #ccfd7f;
--color-green-shimmer-50: #e7ffce;
--color-green-shimmer-100: #d7f3b9;
--color-green-shimmer-200: #bfe297;
--color-green-shimmer-300: #9ec86a;
--color-green-shimmer-400: #85af36;
--color-green-shimmer-500: #699800;
--color-green-shimmer-600: #598000;
--color-green-shimmer-700: #476700;
--color-green-shimmer-800: #364b00;
--color-green-shimmer-900: #253400;
--color-green-shimmer-950: #131f00;
}SCSS
$green-shimmer: #ccfd7f;
$green-shimmer-rgb: 204, 253, 127;
$green-shimmer-light: mix(#fff, $green-shimmer, 20%);
$green-shimmer-dark: mix(#000, $green-shimmer, 20%);
.element {
color: $green-shimmer;
box-shadow: 0 0 0 2px rgba($green-shimmer, 0.35);
}