Color con nombre · #E5DECA
Light Beige
Light Beige es #E5DECA: rgb(229 222 202), hsl(44 34% 85%), oklch(0.901 0.028 90.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Light Beige color name →
#E5DECA
oklch(0.901 0.028 90.9)
Conversiones de color
- HEX
- #e5deca
- RGB
- rgb(229 222 202)
- HSL
- hsl(44 34% 85%)
- HWB
- hwb(44 79% 10%)
- OKLCH
- oklch(0.901 0.028 90.9)
- OKLab
- oklab(0.901 0 0.028)
- CIE Lab
- lab(88.63 -0.02 10.74)
- LCH
- lch(88.63 10.74 90.1)
- CMYK
- cmyk(0% 3% 12% 10%)
Tintes · Sombras · Tonos
Tintes
- E8E1CF
- EAE5D5
- EDE8DA
- EFEBDF
- F2EEE4
- F5F2EA
- F7F5EF
- FAF8F4
- FCFCFA
Sombras
- C7C1AF
- AAA595
- 8E897C
- 726F64
- 58554D
- 3F3D37
- 282622
- 12120F
- 030202
Tonos
- DAD4C2
- D0CABB
- C6C1B3
- BBB7AC
- B1AEA4
- A7A49D
- 9D9B96
- 93928E
- 8A8987
Armonías de color
Complementario +180°
- E5DECA
Light Beige
- D7DEF1
≈ The White Death
Análogo -30° +30°
- E5DECA
Light Beige
- EDDBCC
≈ Canyon Peach
- DBE1CD
≈ Gratifying Green
Triádico +120° +240°
- E5DECA
Light Beige
- CAE4E9
≈ Wave Splash
- EAD8E7
≈ Pale Grey Magenta
Complementario dividido +150° +210°
- E5DECA
Light Beige
- CFE1EF
≈ Cold Turbulence
- E1DAEE
≈ Chinese Silver
Tetrádico +90° +180° +270°
- E5DECA
Light Beige
- CBE5DF
≈ Light Picnic Bay
- D7DEF1
≈ The White Death
- EFD7DD
≈ Pineberry
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.63:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--light-beige: #e5deca;
--light-beige-rgb: 229 222 202;
--light-beige-oklch: oklch(0.901 0.028 90.9);
}
.element {
color: var(--light-beige);
background-color: hsl(44 34% 85%);
border-color: oklch(0.901 0.028 90.9);
}Tailwind CSS v4
@theme {
--color-light-beige: #e5deca;
--color-light-beige-50: #f8f5ec;
--color-light-beige-100: #ebe8de;
--color-light-beige-200: #d8d4c7;
--color-light-beige-300: #bcb7a8;
--color-light-beige-400: #a49e8c;
--color-light-beige-500: #8d8672;
--color-light-beige-600: #777160;
--color-light-beige-700: #5f5b4d;
--color-light-beige-800: #464238;
--color-light-beige-900: #312e26;
--color-light-beige-950: #1d1a14;
}SCSS
$light-beige: #e5deca;
$light-beige-rgb: 229, 222, 202;
$light-beige-light: mix(#fff, $light-beige, 20%);
$light-beige-dark: mix(#000, $light-beige, 20%);
.element {
color: $light-beige;
box-shadow: 0 0 0 2px rgba($light-beige, 0.35);
}