Color con nombre más cercano · #ACBF84
#ACBF84
Color con nombre más cercano: Nile
#ACBF84 (rgb(172 191 132), hsl(79 32% 63%), oklch(0.775 0.082 122.8)) se parece más al color con nombre Nile. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ACBF84
oklch(0.775 0.082 122.8)
Conversiones de color
- HEX
- #acbf84
- RGB
- rgb(172 191 132)
- HSL
- hsl(79 32% 63%)
- HWB
- hwb(79 52% 25%)
- OKLCH
- oklch(0.775 0.082 122.8)
- OKLab
- oklab(0.775 -0.045 0.069)
- CIE Lab
- lab(74.78 -14.22 27.58)
- LCH
- lch(74.78 31.03 117.3)
- CMYK
- cmyk(10% 0% 31% 25%)
Tintes · Sombras · Tonos
Tintes
- B4C590
- BCCC9D
- C4D2A9
- CCD9B5
- D5DFC1
- DDE5CE
- E5ECDA
- EEF2E6
- F6F9F3
Sombras
- 95A672
- 7F8D60
- 69754F
- 545E3F
- 40482F
- 2D3320
- 1B1F12
- 0B0D06
- 010201
Tonos
- A7B984
- A3B284
- 9FAC84
- 9AA684
- 969F83
- 919983
- 8D9382
- 898C82
- 848681
Armonías de color
Complementario +180°
- ACBF84
Nile
- C0AAE2
≈ Perfume
Análogo -30° +30°
- ACBF84
Nile
- C8B578
≈ Olive Marinade
- 8DC69D
≈ Foul Green
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.53:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
CSS
:root {
--nile: #acbf84;
--nile-rgb: 172 191 132;
--nile-oklch: oklch(0.775 0.082 122.8);
}
.element {
color: var(--nile);
background-color: hsl(79 32% 63%);
border-color: oklch(0.775 0.082 122.8);
}Tailwind CSS v4
@theme {
--color-nile: #acbf84;
--color-nile-50: #f0fae0;
--color-nile-100: #e1edd0;
--color-nile-200: #ccdbb5;
--color-nile-300: #aebf91;
--color-nile-400: #95a770;
--color-nile-500: #7c8f50;
--color-nile-600: #697944;
--color-nile-700: #546136;
--color-nile-800: #3e4725;
--color-nile-900: #2b3119;
--color-nile-950: #181d0a;
}SCSS
$nile: #acbf84;
$nile-rgb: 172, 191, 132;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);
.element {
color: $nile;
box-shadow: 0 0 0 2px rgba($nile, 0.35);
}