Cor nomeada · #55DD00
Tropical Funk
Tropical Funk é #55DD00: rgb(85 221 0), hsl(97 100% 43%), oklch(0.79 0.248 138.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Tropical Funk color name →
#55DD00
oklch(0.79 0.248 138.7)
Conversões de cor
- HEX
- #55dd00
- RGB
- rgb(85 221 0)
- HSL
- hsl(97 100% 43%)
- HWB
- hwb(97 0% 13%)
- OKLCH
- oklch(0.79 0.248 138.7)
- OKLab
- oklab(0.79 -0.186 0.163)
- CIE Lab
- lab(78.38 -61.32 74.23)
- LCH
- lch(78.38 96.29 129.6)
- CMYK
- cmyk(62% 0% 100% 13%)
Tons claros · Sombras · Tons
Tons claros
- 6BE140
- 7FE55D
- 91E976
- A2ED8C
- B2F0A0
- C2F4B4
- D2F7C7
- E1FADA
- F0FDED
Sombras
- 49C000
- 3DA400
- 318800
- 266E00
- 1C5500
- 113D00
- 082600
- 021100
- 000200
Tons
- 5ED42E
- 65CB41
- 6BC24F
- 70B859
- 74AF62
- 78A66A
- 7A9D70
- 7D9376
- 7F8A7B
Harmonias de cor
Complementar +180°
- 55DD00
Tropical Funk
- E895FF
≈ Party Pig
Análoga -30° +30°
- 55DD00
Tropical Funk
- C5C200
≈ Cricket Chirping
- 00DAA8
≈ Malted Mint Madness
Tríade +120° +240°
- 55DD00
Tropical Funk
- 91BCFF
≈ Truesky Gloxym
- FF9A9C
≈ Rubber Radish
Complementar dividida +150° +210°
- 55DD00
Tropical Funk
- B8AFFF
≈ Winterspring Lilac
- FF91CA
≈ Himalayan Balsam
Tétrade +90° +180° +270°
- 55DD00
Tropical Funk
- 45CBFF
≈ Thor’s Thunder
- E895FF
≈ Party Pig
- FF9F6B
≈ Cloudberry
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.72:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.72:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--tropical-funk: #55dd00;
--tropical-funk-rgb: 85 221 0;
--tropical-funk-oklch: oklch(0.79 0.248 138.7);
}
.element {
color: var(--tropical-funk);
background-color: hsl(97 100% 43%);
border-color: oklch(0.79 0.248 138.7);
}Tailwind CSS v4
@theme {
--color-tropical-funk: #55dd00;
--color-tropical-funk-50: #cfffc4;
--color-tropical-funk-100: #bafdae;
--color-tropical-funk-200: #97ee87;
--color-tropical-funk-300: #66d552;
--color-tropical-funk-400: #3bbe00;
--color-tropical-funk-500: #00a700;
--color-tropical-funk-600: #008d00;
--color-tropical-funk-700: #007100;
--color-tropical-funk-800: #015300;
--color-tropical-funk-900: #033a00;
--color-tropical-funk-950: #002400;
}SCSS
$tropical-funk: #55dd00;
$tropical-funk-rgb: 85, 221, 0;
$tropical-funk-light: mix(#fff, $tropical-funk, 20%);
$tropical-funk-dark: mix(#000, $tropical-funk, 20%);
.element {
color: $tropical-funk;
box-shadow: 0 0 0 2px rgba($tropical-funk, 0.35);
}