Color con nombre · #EEEADC
Ivory Palace
Ivory Palace es #EEEADC: rgb(238 234 220), hsl(47 35% 90%), oklch(0.936 0.019 93.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Ivory Palace color name →
#EEEADC
oklch(0.936 0.019 93.7)
Conversiones de color
- HEX
- #eeeadc
- RGB
- rgb(238 234 220)
- HSL
- hsl(47 35% 90%)
- HWB
- hwb(47 86% 7%)
- OKLCH
- oklch(0.936 0.019 93.7)
- OKLab
- oklab(0.936 -0.001 0.019)
- CIE Lab
- lab(92.73 -0.38 7.33)
- LCH
- lch(92.73 7.34 93)
- CMYK
- cmyk(0% 2% 8% 7%)
Tintes · Sombras · Tonos
Tintes
- F0ECDF
- F1EEE3
- F3F0E6
- F5F2EA
- F6F4ED
- F8F7F1
- FAF9F4
- FCFBF8
- FDFDFB
Sombras
- CFCBBF
- B1AEA3
- 939188
- 77756E
- 5C5A54
- 42413C
- 2A2926
- 141311
- 030302
Tonos
- E2DFD2
- D7D4C9
- CCC9BF
- C1BEB6
- B5B4AD
- AAA9A4
- A09F9B
- 959492
- 8A8A89
Armonías de color
Complementario +180°
- EEEADC
Ivory Palace
- E6E9F7
≈ Icy Lilac
Análogo -30° +30°
- EEEADC
Ivory Palace
- F4E8DD
≈ Silk Elegance
- E7ECDF
≈ Sterling Shadow
Triádico +120° +240°
- EEEADC
Ivory Palace
- DCEEF2
≈ White Glaze
- F2E5EF
≈ Nina
Complementario dividido +150° +210°
- EEEADC
Ivory Palace
- E0ECF6
≈ Ice Fishing
- ECE7F5
≈ Tranquil Eve
Tetrádico +90° +180° +270°
- EEEADC
Ivory Palace
- DDEEEB
≈ Roman White
- E6E9F7
≈ Icy Lilac
- F6E5E8
≈ Marshmallow Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.43:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--ivory-palace: #eeeadc;
--ivory-palace-rgb: 238 234 220;
--ivory-palace-oklch: oklch(0.936 0.019 93.7);
}
.element {
color: var(--ivory-palace);
background-color: hsl(47 35% 90%);
border-color: oklch(0.936 0.019 93.7);
}Tailwind CSS v4
@theme {
--color-ivory-palace: #eeeadc;
--color-ivory-palace-50: #f7f5ef;
--color-ivory-palace-100: #eae8e1;
--color-ivory-palace-200: #d6d4cb;
--color-ivory-palace-300: #bab7ad;
--color-ivory-palace-400: #a29e92;
--color-ivory-palace-500: #8a8678;
--color-ivory-palace-600: #757266;
--color-ivory-palace-700: #5e5b51;
--color-ivory-palace-800: #45423b;
--color-ivory-palace-900: #2f2e28;
--color-ivory-palace-950: #1c1b16;
}SCSS
$ivory-palace: #eeeadc;
$ivory-palace-rgb: 238, 234, 220;
$ivory-palace-light: mix(#fff, $ivory-palace, 20%);
$ivory-palace-dark: mix(#000, $ivory-palace, 20%);
.element {
color: $ivory-palace;
box-shadow: 0 0 0 2px rgba($ivory-palace, 0.35);
}