Color con nombre · #21C36F
Algal Fuel
Algal Fuel es #21C36F: rgb(33 195 111), hsl(149 71% 45%), oklch(0.72 0.175 153.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Algal Fuel color name →
#21C36F
oklch(0.72 0.175 153.7)
Conversiones de color
- HEX
- #21c36f
- RGB
- rgb(33 195 111)
- HSL
- hsl(149 71% 45%)
- HWB
- hwb(149 13% 24%)
- OKLCH
- oklch(0.72 0.175 153.7)
- OKLab
- oklab(0.72 -0.157 0.077)
- CIE Lab
- lab(69.77 -55.38 30.52)
- LCH
- lch(69.77 63.24 151.1)
- CMYK
- cmyk(83% 0% 43% 24%)
Tintes · Sombras · Tonos
Tintes
- 4AC97E
- 65D08C
- 7CD69A
- 91DCA9
- A4E2B7
- B7E8C5
- C9EED4
- DCF4E2
- EDF9F0
Sombras
- 1BA960
- 169051
- 107842
- 0B6034
- 064A27
- 03341A
- 01200E
- 000E04
- 000201
Tonos
- 3ABC71
- 49B674
- 55AF76
- 5EA978
- 66A279
- 6D9B7B
- 73957C
- 788E7E
- 7C877F
Armonías de color
Complementario +180°
- 21C36F
Algal Fuel
- E476D2
≈ Hibiscus Pop
Análogo -30° +30°
- 21C36F
Algal Fuel
- 8FB511
≈ Seasoned Green
- 00BEAD
≈ Tealish
Triádico +120° +240°
- 21C36F
Algal Fuel
- 889CFF
≈ Periwinkle Blue
- FE7557
≈ Fresh Salmon
Complementario dividido +150° +210°
- 21C36F
Algal Fuel
- BC85FC
≈ Lilac Geode
- FA6F98
≈ French Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.10:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--algal-fuel: #21c36f;
--algal-fuel-rgb: 33 195 111;
--algal-fuel-oklch: oklch(0.72 0.175 153.7);
}
.element {
color: var(--algal-fuel);
background-color: hsl(149 71% 45%);
border-color: oklch(0.72 0.175 153.7);
}Tailwind CSS v4
@theme {
--color-algal-fuel: #21c36f;
--color-algal-fuel-50: #ceffe0;
--color-algal-fuel-100: #b9facf;
--color-algal-fuel-200: #94ebb5;
--color-algal-fuel-300: #61d291;
--color-algal-fuel-400: #28bb6c;
--color-algal-fuel-500: #00a54a;
--color-algal-fuel-600: #008c40;
--color-algal-fuel-700: #007033;
--color-algal-fuel-800: #005220;
--color-algal-fuel-900: #003915;
--color-algal-fuel-950: #002307;
}SCSS
$algal-fuel: #21c36f;
$algal-fuel-rgb: 33, 195, 111;
$algal-fuel-light: mix(#fff, $algal-fuel, 20%);
$algal-fuel-dark: mix(#000, $algal-fuel, 20%);
.element {
color: $algal-fuel;
box-shadow: 0 0 0 2px rgba($algal-fuel, 0.35);
}