Color con nombre · #E1CCAF
Macadamia
Macadamia es #E1CCAF: rgb(225 204 175), hsl(35 45% 78%), oklch(0.855 0.045 75.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Macadamia color name →
#E1CCAF
oklch(0.855 0.045 75.9)
Conversiones de color
- HEX
- #e1ccaf
- RGB
- rgb(225 204 175)
- HSL
- hsl(35 45% 78%)
- HWB
- hwb(35 69% 12%)
- OKLCH
- oklch(0.855 0.045 75.9)
- OKLab
- oklab(0.855 0.011 0.044)
- CIE Lab
- lab(83.25 4.26 17.32)
- LCH
- lch(83.25 17.84 76.2)
- CMYK
- cmyk(0% 9% 22% 12%)
Tintes · Sombras · Tonos
Tintes
- E4D1B7
- E7D6BF
- EADBC7
- EDE0CF
- F0E5D7
- F3EADF
- F6F0E7
- F9F5EF
- FCFAF7
Sombras
- C4B198
- A79781
- 8B7E6B
- 706556
- 564E41
- 3E372E
- 27221C
- 120F0B
- 020201
Tonos
- D7C4AA
- CDBCA6
- C3B5A1
- B9AD9C
- AFA598
- A69E93
- 9C968E
- 938F89
- 898785
Armonías de color
Complementario +180°
- E1CCAF
Macadamia
- BCD1EE
≈ Frost Fairy
Análogo -30° +30°
- E1CCAF
Macadamia
- EAC7B7
≈ Renaissance Fresco
- D3D2B0
≈ Orinoco
Triádico +120° +240°
- E1CCAF
Macadamia
- AED9D9
≈ Rivers Edge
- DBC7E4
≈ Purity
Complementario dividido +150° +210°
- E1CCAF
Macadamia
- B1D6E6
≈ Something Blue
- CCCCED
≈ Miami White
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.45:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--macadamia: #e1ccaf;
--macadamia-rgb: 225 204 175;
--macadamia-oklch: oklch(0.855 0.045 75.9);
}
.element {
color: var(--macadamia);
background-color: hsl(35 45% 78%);
border-color: oklch(0.855 0.045 75.9);
}Tailwind CSS v4
@theme {
--color-macadamia: #e1ccaf;
--color-macadamia-50: #fdf4e7;
--color-macadamia-100: #f0e6d7;
--color-macadamia-200: #dfd2bf;
--color-macadamia-300: #c4b59e;
--color-macadamia-400: #ae9b81;
--color-macadamia-500: #988264;
--color-macadamia-600: #806e55;
--color-macadamia-700: #675844;
--color-macadamia-800: #4c4031;
--color-macadamia-900: #352c21;
--color-macadamia-950: #201911;
}SCSS
$macadamia: #e1ccaf;
$macadamia-rgb: 225, 204, 175;
$macadamia-light: mix(#fff, $macadamia, 20%);
$macadamia-dark: mix(#000, $macadamia, 20%);
.element {
color: $macadamia;
box-shadow: 0 0 0 2px rgba($macadamia, 0.35);
}