Color con nombre · #A4A582
Dark Envy
Dark Envy es #A4A582: rgb(164 165 130), hsl(62 16% 58%), oklch(0.712 0.049 108.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Dark Envy color name →
#A4A582
oklch(0.712 0.049 108.9)
Conversiones de color
- HEX
- #a4a582
- RGB
- rgb(164 165 130)
- HSL
- hsl(62 16% 58%)
- HWB
- hwb(62 51% 35%)
- OKLCH
- oklch(0.712 0.049 108.9)
- OKLab
- oklab(0.712 -0.016 0.046)
- CIE Lab
- lab(66.97 -4.82 18.11)
- LCH
- lch(66.97 18.74 104.9)
- CMYK
- cmyk(1% 0% 21% 35%)
Tintes · Sombras · Tonos
Tintes
- ADAE8E
- B6B79A
- BEBFA6
- C7C8B3
- D0D1BF
- DADACC
- E3E3D8
- ECEDE5
- F6F6F2
Sombras
- 8E8F70
- 79795F
- 64654E
- 50513E
- 3D3D2F
- 2B2B20
- 1A1A12
- 0A0A06
- 010101
Tonos
- A0A182
- 9D9E82
- 999A82
- 959682
- 929282
- 8E8F81
- 8B8B81
- 878781
- 838480
Armonías de color
Complementario +180°
- A4A582
Dark Envy
- A09EBF
≈ Grape Gatsby
Análogo -30° +30°
- A4A582
Dark Envy
- B39F80
≈ Dried Edamame
- 93AA8D
≈ Natural Harmony
Triádico +120° +240°
- A4A582
Dark Envy
- 83A9BB
≈ Winter Twilight
- BA96A7
≈ Violet Fantasy
Complementario dividido +150° +210°
- A4A582
Dark Envy
- 90A3C1
≈ Wild Clary
- B099B6
≈ Purple Springs
Tetrádico +90° +180° +270°
- A4A582
Dark Envy
- 7EACAD
≈ Solution
- A09EBF
≈ Grape Gatsby
- BF9696
≈ Mutabilis
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.28:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--dark-envy: #a4a582;
--dark-envy-rgb: 164 165 130;
--dark-envy-oklch: oklch(0.712 0.049 108.9);
}
.element {
color: var(--dark-envy);
background-color: hsl(62 16% 58%);
border-color: oklch(0.712 0.049 108.9);
}Tailwind CSS v4
@theme {
--color-dark-envy: #a4a582;
--color-dark-envy-50: #f5f7e7;
--color-dark-envy-100: #e8ead7;
--color-dark-envy-200: #d5d7bf;
--color-dark-envy-300: #b8ba9e;
--color-dark-envy-400: #a0a180;
--color-dark-envy-500: #888964;
--color-dark-envy-600: #737455;
--color-dark-envy-700: #5c5d43;
--color-dark-envy-800: #444430;
--color-dark-envy-900: #2f2f21;
--color-dark-envy-950: #1c1b10;
}SCSS
$dark-envy: #a4a582;
$dark-envy-rgb: 164, 165, 130;
$dark-envy-light: mix(#fff, $dark-envy, 20%);
$dark-envy-dark: mix(#000, $dark-envy, 20%);
.element {
color: $dark-envy;
box-shadow: 0 0 0 2px rgba($dark-envy, 0.35);
}