Color con nombre · #E8DBDF
Rare White Raven
Rare White Raven es #E8DBDF: rgb(232 219 223), hsl(342 22% 88%), oklch(0.903 0.015 356.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Rare White Raven color name →
#E8DBDF
oklch(0.903 0.015 356.7)
Conversiones de color
- HEX
- #e8dbdf
- RGB
- rgb(232 219 223)
- HSL
- hsl(342 22% 88%)
- HWB
- hwb(342 86% 9%)
- OKLCH
- oklch(0.903 0.015 356.7)
- OKLab
- oklab(0.903 0.015 -0.001)
- CIE Lab
- lab(88.55 5.12 -0.29)
- LCH
- lch(88.55 5.13 356.8)
- CMYK
- cmyk(0% 6% 4% 9%)
Tintes · Sombras · Tonos
Tintes
- EADFE2
- EDE2E5
- EFE6E9
- F1E9EC
- F4EDEF
- F6F0F2
- F8F4F5
- FAF8F9
- FDFBFC
Sombras
- CABEC2
- ACA2A5
- 90878A
- 746D6F
- 595456
- 403C3D
- 292627
- 131112
- 030202
Tonos
- DDD2D5
- D2C8CB
- C8BFC2
- BDB6B8
- B3ACAE
- A8A3A5
- 9E9A9B
- 949192
- 8A8989
Armonías de color
Complementario +180°
- E8DBDF
Rare White Raven
- D5E2DF
≈ Windsurfer
Análogo -30° +30°
- E8DBDF
Rare White Raven
- E5DCE4
≈ Spangle
- E9DBDA
≈ Homoeopathic Rose
Triádico +120° +240°
- E8DBDF
Rare White Raven
- DEE0D5
≈ Salt Cellar
- D6E1E8
≈ Harbour Light
Complementario dividido +150° +210°
- E8DBDF
Rare White Raven
- D9E2D9
≈ Fleeting Green
- D4E2E4
≈ April Winds
Tetrádico +90° +180° +270°
- E8DBDF
Rare White Raven
- E3DFD4
≈ Spun Wool
- D5E2DF
≈ Windsurfer
- DADFE9
≈ Winter Ice
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.62:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--rare-white-raven: #e8dbdf;
--rare-white-raven-rgb: 232 219 223;
--rare-white-raven-oklch: oklch(0.903 0.015 356.7);
}
.element {
color: var(--rare-white-raven);
background-color: hsl(342 22% 88%);
border-color: oklch(0.903 0.015 356.7);
}Tailwind CSS v4
@theme {
--color-rare-white-raven: #e8dbdf;
--color-rare-white-raven-50: #f9f3f5;
--color-rare-white-raven-100: #ece6e8;
--color-rare-white-raven-200: #dad2d4;
--color-rare-white-raven-300: #beb4b7;
--color-rare-white-raven-400: #a69b9e;
--color-rare-white-raven-500: #8f8286;
--color-rare-white-raven-600: #796e72;
--color-rare-white-raven-700: #61585b;
--color-rare-white-raven-800: #474043;
--color-rare-white-raven-900: #312c2e;
--color-rare-white-raven-950: #1d191b;
}SCSS
$rare-white-raven: #e8dbdf;
$rare-white-raven-rgb: 232, 219, 223;
$rare-white-raven-light: mix(#fff, $rare-white-raven, 20%);
$rare-white-raven-dark: mix(#000, $rare-white-raven, 20%);
.element {
color: $rare-white-raven;
box-shadow: 0 0 0 2px rgba($rare-white-raven, 0.35);
}