Color con nombre · #ACC65D
Green Glow
Green Glow es #ACC65D: rgb(172 198 93), hsl(75 48% 57%), oklch(0.785 0.135 121.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Green Glow color name →
#ACC65D
oklch(0.785 0.135 121.1)
Conversiones de color
- HEX
- #acc65d
- RGB
- rgb(172 198 93)
- HSL
- hsl(75 48% 57%)
- HWB
- hwb(75 36% 22%)
- OKLCH
- oklch(0.785 0.135 121.1)
- OKLab
- oklab(0.785 -0.07 0.116)
- CIE Lab
- lab(76.27 -20.8 48.7)
- LCH
- lch(76.27 52.95 113.1)
- CMYK
- cmyk(13% 0% 53% 22%)
Tintes · Sombras · Tonos
Tintes
- B4CC6F
- BCD281
- C4D891
- CCDDA2
- D4E3B1
- DDE9C1
- E5EED1
- EEF4E0
- F6FAF0
Sombras
- 95AC50
- 7F9243
- 697A37
- 54622A
- 404B1F
- 2D3514
- 1B210A
- 0B0E03
- 010200
Tonos
- A7BF63
- A3B868
- 9EB16C
- 9AAA70
- 95A374
- 919C77
- 8D957A
- 888E7C
- 84877E
Armonías de color
Complementario +180°
- ACC65D
Green Glow
- C7A5FF
≈ Lilac
Análogo -30° +30°
- ACC65D
Green Glow
- D9B544
≈ Farm Straw
- 71D18C
≈ Jube Green
Triádico +120° +240°
- ACC65D
Green Glow
- 6CC2FF
≈ Maya Blue
- FF92B3
≈ Schauss Pink
Complementario dividido +150° +210°
- ACC65D
Green Glow
- 9FB5FF
≈ Truesky Gloxym
- EA98E0
≈ Love Dust
Tetrádico +90° +180° +270°
- ACC65D
Green Glow
- 0DCFEA
≈ Picnic Day Sky
- C7A5FF
≈ Lilac
- FF9987
≈ Amber Sun
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 10.98:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--green-glow: #acc65d;
--green-glow-rgb: 172 198 93;
--green-glow-oklch: oklch(0.785 0.135 121.1);
}
.element {
color: var(--green-glow);
background-color: hsl(75 48% 57%);
border-color: oklch(0.785 0.135 121.1);
}Tailwind CSS v4
@theme {
--color-green-glow: #acc65d;
--color-green-glow-50: #edfcd2;
--color-green-glow-100: #dff0be;
--color-green-glow-200: #c9de9e;
--color-green-glow-300: #aac374;
--color-green-glow-400: #93aa47;
--color-green-glow-500: #799302;
--color-green-glow-600: #677c0c;
--color-green-glow-700: #52630b;
--color-green-glow-800: #3d4802;
--color-green-glow-900: #2a3203;
--color-green-glow-950: #181e00;
}SCSS
$green-glow: #acc65d;
$green-glow-rgb: 172, 198, 93;
$green-glow-light: mix(#fff, $green-glow, 20%);
$green-glow-dark: mix(#000, $green-glow, 20%);
.element {
color: $green-glow;
box-shadow: 0 0 0 2px rgba($green-glow, 0.35);
}