Color con nombre · #E5DFCF
Litewood
Litewood es #E5DFCF: rgb(229 223 207), hsl(44 30% 85%), oklch(0.904 0.022 89.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Litewood color name →
#E5DFCF
oklch(0.904 0.022 89.8)
Conversiones de color
- HEX
- #e5dfcf
- RGB
- rgb(229 223 207)
- HSL
- hsl(44 30% 85%)
- HWB
- hwb(44 81% 10%)
- OKLCH
- oklch(0.904 0.022 89.8)
- OKLab
- oklab(0.904 0 0.022)
- CIE Lab
- lab(88.98 0.1 8.63)
- LCH
- lch(88.98 8.64 89.3)
- CMYK
- cmyk(0% 3% 10% 10%)
Tintes · Sombras · Tonos
Tintes
- E8E2D4
- EAE5D9
- EDE9DD
- EFECE2
- F2EFE7
- F5F2EC
- F7F5F0
- FAF9F5
- FCFCFA
Sombras
- C7C2B4
- AAA599
- 8E8A7F
- 726F67
- 58564F
- 3F3D38
- 282723
- 121210
- 030202
Tonos
- DAD5C7
- D0CBBF
- C6C2B7
- BBB8AF
- B1AEA7
- A7A59F
- 9D9B97
- 93928F
- 8A8988
Armonías de color
Complementario +180°
- E5DFCF
Litewood
- D9DFEF
≈ Timid Blue
Análogo -30° +30°
- E5DFCF
Litewood
- EBDCD1
≈ Pine Hutch
- DDE2D1
≈ Mystical Sea
Triádico +120° +240°
- E5DFCF
Litewood
- CFE4E7
≈ Zircon Ice
- E8DAE7
≈ Twinkled Pink
Complementario dividido +150° +210°
- E5DFCF
Litewood
- D3E2ED
≈ Ice Drop
- E1DCEC
≈ Princess Fairy Tale
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.78:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--litewood: #e5dfcf;
--litewood-rgb: 229 223 207;
--litewood-oklch: oklch(0.904 0.022 89.8);
}
.element {
color: var(--litewood);
background-color: hsl(44 30% 85%);
border-color: oklch(0.904 0.022 89.8);
}Tailwind CSS v4
@theme {
--color-litewood: #e5dfcf;
--color-litewood-50: #f7f5ee;
--color-litewood-100: #eae8e0;
--color-litewood-200: #d7d4ca;
--color-litewood-300: #bbb7ab;
--color-litewood-400: #a39e90;
--color-litewood-500: #8c8676;
--color-litewood-600: #767164;
--color-litewood-700: #5f5b50;
--color-litewood-800: #46423a;
--color-litewood-900: #302e28;
--color-litewood-950: #1c1a16;
}SCSS
$litewood: #e5dfcf;
$litewood-rgb: 229, 223, 207;
$litewood-light: mix(#fff, $litewood, 20%);
$litewood-dark: mix(#000, $litewood, 20%);
.element {
color: $litewood;
box-shadow: 0 0 0 2px rgba($litewood, 0.35);
}