Color con nombre · #E9E3D2
Alabaster Beauty
Alabaster Beauty es #E9E3D2: rgb(233 227 210), hsl(44 34% 87%), oklch(0.916 0.024 90.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Alabaster Beauty color name →
#E9E3D2
oklch(0.916 0.024 90.8)
Conversiones de color
- HEX
- #e9e3d2
- RGB
- rgb(233 227 210)
- HSL
- hsl(44 34% 87%)
- HWB
- hwb(44 82% 9%)
- OKLCH
- oklch(0.916 0.024 90.8)
- OKLab
- oklab(0.916 0 0.024)
- CIE Lab
- lab(90.37 -0.03 9.1)
- LCH
- lch(90.37 9.1 90.2)
- CMYK
- cmyk(0% 3% 10% 9%)
Tintes · Sombras · Tonos
Tintes
- EBE6D6
- EDE9DB
- F0EBDF
- F2EEE4
- F4F1E8
- F6F4ED
- F8F7F1
- FBF9F6
- FDFCFA
Sombras
- CBC5B6
- ADA89B
- 908C81
- 747168
- 5A5750
- 413F39
- 292724
- 131210
- 030302
Tonos
- DED9CA
- D3CEC1
- C8C4B9
- BEBAB0
- B3B0A8
- A9A6A0
- 9E9D98
- 949390
- 8A8988
Armonías de color
Complementario +180°
- E9E3D2
Alabaster Beauty
- DDE3F4
≈ Iris Ice
Análogo -30° +30°
- E9E3D2
Alabaster Beauty
- F0E0D4
≈ Samba de Coco
- E1E6D5
≈ Diminished Green
Triádico +120° +240°
- E9E3D2
Alabaster Beauty
- D2E8EC
≈ Coastal Mist
- EDDEEB
≈ Sprinkle
Complementario dividido +150° +210°
- E9E3D2
Alabaster Beauty
- D6E6F2
≈ Snowdrift Glow
- E6E0F1
≈ Romantic Cruise
Tetrádico +90° +180° +270°
- E9E3D2
Alabaster Beauty
- D3E9E4
≈ Dillard’s Blue
- DDE3F4
≈ Iris Ice
- F2DDE2
≈ Minified Blush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.38:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--alabaster-beauty: #e9e3d2;
--alabaster-beauty-rgb: 233 227 210;
--alabaster-beauty-oklch: oklch(0.916 0.024 90.8);
}
.element {
color: var(--alabaster-beauty);
background-color: hsl(44 34% 87%);
border-color: oklch(0.916 0.024 90.8);
}Tailwind CSS v4
@theme {
--color-alabaster-beauty: #e9e3d2;
--color-alabaster-beauty-50: #f7f5ee;
--color-alabaster-beauty-100: #eae8df;
--color-alabaster-beauty-200: #d8d4c9;
--color-alabaster-beauty-300: #bbb7aa;
--color-alabaster-beauty-400: #a49e8f;
--color-alabaster-beauty-500: #8c8675;
--color-alabaster-beauty-600: #767163;
--color-alabaster-beauty-700: #5f5b4f;
--color-alabaster-beauty-800: #464239;
--color-alabaster-beauty-900: #302e27;
--color-alabaster-beauty-950: #1c1a15;
}SCSS
$alabaster-beauty: #e9e3d2;
$alabaster-beauty-rgb: 233, 227, 210;
$alabaster-beauty-light: mix(#fff, $alabaster-beauty, 20%);
$alabaster-beauty-dark: mix(#000, $alabaster-beauty, 20%);
.element {
color: $alabaster-beauty;
box-shadow: 0 0 0 2px rgba($alabaster-beauty, 0.35);
}