Cor nomeada · #55BB00
Mulu Frog
Mulu Frog é #55BB00: rgb(85 187 0), hsl(93 100% 37%), oklch(0.703 0.213 136.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mulu Frog color name →
#55BB00
oklch(0.703 0.213 136.9)
Conversões de cor
- HEX
- #55bb00
- RGB
- rgb(85 187 0)
- HSL
- hsl(93 100% 37%)
- HWB
- hwb(93 0% 27%)
- OKLCH
- oklch(0.703 0.213 136.9)
- OKLab
- oklab(0.703 -0.155 0.145)
- CIE Lab
- lab(67.76 -50.5 66.11)
- LCH
- lch(67.76 83.19 127.4)
- CMYK
- cmyk(55% 0% 100% 27%)
Tons claros · Sombras · Tons
Tons claros
- 68C239
- 7BCA56
- 8CD16E
- 9DD884
- ADDF9A
- BEE6AE
- CEECC3
- DEF3D7
- EFF9EB
Sombras
- 49A200
- 3D8A00
- 317300
- 265C00
- 1C4600
- 113200
- 081F00
- 020D00
- 000200
Tons
- 5CB529
- 62B03B
- 67AA48
- 6CA453
- 709F5D
- 749965
- 77936D
- 7B8D73
- 7D867A
Harmonias de cor
Complementar +180°
- 55BB00
Mulu Frog
- D26CF5
≈ Rosy Fluffy Bedspread
Análoga -30° +30°
- 55BB00
Mulu Frog
- ABA400
≈ Jīn Sè Gold
- 00BB8C
≈ Slime Girl
Tríade +120° +240°
- 55BB00
Mulu Frog
- 5BA0FF
≈ Blue Chaos
- FF6274
≈ Kisses and Hugs
Complementar dividida +150° +210°
- 55BB00
Mulu Frog
- 9A8CFF
≈ Lavender Blue Shadow
- F75BB9
≈ Eosin Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.47:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.49:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.49:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--mulu-frog: #55bb00;
--mulu-frog-rgb: 85 187 0;
--mulu-frog-oklch: oklch(0.703 0.213 136.9);
}
.element {
color: var(--mulu-frog);
background-color: hsl(93 100% 37%);
border-color: oklch(0.703 0.213 136.9);
}Tailwind CSS v4
@theme {
--color-mulu-frog: #55bb00;
--color-mulu-frog-50: #d7ffca;
--color-mulu-frog-100: #c4fab5;
--color-mulu-frog-200: #a4ea91;
--color-mulu-frog-300: #7bd161;
--color-mulu-frog-400: #59b91d;
--color-mulu-frog-500: #2aa200;
--color-mulu-frog-600: #268900;
--color-mulu-frog-700: #1f6e00;
--color-mulu-frog-800: #1b5100;
--color-mulu-frog-900: #123800;
--color-mulu-frog-950: #042200;
}SCSS
$mulu-frog: #55bb00;
$mulu-frog-rgb: 85, 187, 0;
$mulu-frog-light: mix(#fff, $mulu-frog, 20%);
$mulu-frog-dark: mix(#000, $mulu-frog, 20%);
.element {
color: $mulu-frog;
box-shadow: 0 0 0 2px rgba($mulu-frog, 0.35);
}