Cor nomeada · #33EE00
Satin Lime
Satin Lime é #33EE00: rgb(51 238 0), hsl(107 100% 47%), oklch(0.827 0.274 141.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Satin Lime color name →
#33EE00
oklch(0.827 0.274 141.3)
Conversões de cor
- HEX
- #33ee00
- RGB
- rgb(51 238 0)
- HSL
- hsl(107 100% 47%)
- HWB
- hwb(107 0% 7%)
- OKLCH
- oklch(0.827 0.274 141.3)
- OKLab
- oklab(0.827 -0.214 0.171)
- CIE Lab
- lab(82.93 -71.9 77.38)
- LCH
- lch(82.93 105.63 132.9)
- CMYK
- cmyk(79% 0% 100% 7%)
Tons claros · Sombras · Tons
Tons claros
- 58F142
- 72F361
- 88F679
- 9CF88F
- AEF9A3
- BFFBB6
- D0FCC9
- E0FEDB
- F0FEED
Sombras
- 2BCF00
- 23B100
- 1C9300
- 147700
- 0D5C00
- 074200
- 032A00
- 011400
- 000300
Tons
- 48E330
- 56D844
- 60CD51
- 68C25C
- 6FB865
- 74AD6C
- 78A272
- 7C9777
- 7E8B7C
Harmonias de cor
Complementar +180°
- 33EE00
Satin Lime
- F1A5FF
≈ Rich Brilliant Lavender
Análoga -30° +30°
- 33EE00
Satin Lime
- CCD000
≈ Golden Foil
- 00E7B9
≈ Aquamarine
Tríade +120° +240°
- 33EE00
Satin Lime
- A7C7FF
≈ Night Snow
- FFADAB
≈ Apricot Haze
Complementar dividida +150° +210°
- 33EE00
Satin Lime
- C6BCFF
≈ Lavender Tonic
- FFA7CF
≈ Bazooka Pink
Tétrade +90° +180° +270°
- 33EE00
Satin Lime
- 79D3FF
≈ Sky
- F1A5FF
≈ Rich Brilliant Lavender
- FFB284
≈ Sassy Peach
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.37:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.37:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--satin-lime: #33ee00;
--satin-lime-rgb: 51 238 0;
--satin-lime-oklch: oklch(0.827 0.274 141.3);
}
.element {
color: var(--satin-lime);
background-color: hsl(107 100% 47%);
border-color: oklch(0.827 0.274 141.3);
}Tailwind CSS v4
@theme {
--color-satin-lime: #33ee00;
--color-satin-lime-50: #c6ffc2;
--color-satin-lime-100: #afffac;
--color-satin-lime-200: #86f283;
--color-satin-lime-300: #49d94c;
--color-satin-lime-400: #00c200;
--color-satin-lime-500: #00ab00;
--color-satin-lime-600: #009100;
--color-satin-lime-700: #007400;
--color-satin-lime-800: #005500;
--color-satin-lime-900: #003c00;
--color-satin-lime-950: #002500;
}SCSS
$satin-lime: #33ee00;
$satin-lime-rgb: 51, 238, 0;
$satin-lime-light: mix(#fff, $satin-lime, 20%);
$satin-lime-dark: mix(#000, $satin-lime, 20%);
.element {
color: $satin-lime;
box-shadow: 0 0 0 2px rgba($satin-lime, 0.35);
}