Color con nombre · #E4E1EA
Guardian Angel
Guardian Angel es #E4E1EA: rgb(228 225 234), hsl(260 18% 90%), oklch(0.915 0.013 301.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Guardian Angel color name →
#E4E1EA
oklch(0.915 0.013 301.3)
Conversiones de color
- HEX
- #e4e1ea
- RGB
- rgb(228 225 234)
- HSL
- hsl(260 18% 90%)
- HWB
- hwb(260 88% 8%)
- OKLCH
- oklch(0.915 0.013 301.3)
- OKLab
- oklab(0.915 0.006 -0.011)
- CIE Lab
- lab(89.96 2.26 -4.03)
- LCH
- lch(89.96 4.62 299.3)
- CMYK
- cmyk(3% 4% 0% 8%)
Tintes · Sombras · Tonos
Tintes
- E7E4EC
- E9E7EE
- ECEAF0
- EFEDF2
- F1F0F4
- F4F3F7
- F7F6F9
- FAF9FB
- FCFCFD
Sombras
- C6C4CB
- A9A7AE
- 8D8B91
- 727075
- 58565A
- 3F3E41
- 282729
- 121213
- 030203
Tonos
- DAD7DF
- CFCDD4
- C5C3C9
- BBB9BE
- B1AFB4
- A7A6A9
- 9D9C9F
- 939394
- 8A898A
Armonías de color
Complementario +180°
- E4E1EA
Guardian Angel
- E1E4DB
≈ Shy Mint
Análogo -30° +30°
- E4E1EA
Guardian Angel
- E0E3EB
≈ Water Iris
- E8E0E7
≈ Bubble Bath
Triádico +120° +240°
- E4E1EA
Guardian Angel
- E9E1DB
≈ Great Tit Eggs
- DAE6E3
≈ Jack Frost
Complementario dividido +150° +210°
- E4E1EA
Guardian Angel
- E6E3DA
≈ Weathered White
- DDE5DF
≈ Illuminating Experience
Tetrádico +90° +180° +270°
- E4E1EA
Guardian Angel
- EBE0DE
≈ White Beet
- E1E4DB
≈ Shy Mint
- DAE5E8
≈ Airy
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.29:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.25:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--guardian-angel: #e4e1ea;
--guardian-angel-rgb: 228 225 234;
--guardian-angel-oklch: oklch(0.915 0.013 301.3);
}
.element {
color: var(--guardian-angel);
background-color: hsl(260 18% 90%);
border-color: oklch(0.915 0.013 301.3);
}Tailwind CSS v4
@theme {
--color-guardian-angel: #e4e1ea;
--color-guardian-angel-50: #f6f4f8;
--color-guardian-angel-100: #e9e7eb;
--color-guardian-angel-200: #d5d3d9;
--color-guardian-angel-300: #b8b6bd;
--color-guardian-angel-400: #9f9da5;
--color-guardian-angel-500: #87848d;
--color-guardian-angel-600: #737078;
--color-guardian-angel-700: #5c5a60;
--color-guardian-angel-800: #434146;
--color-guardian-angel-900: #2e2d31;
--color-guardian-angel-950: #1b1a1d;
}SCSS
$guardian-angel: #e4e1ea;
$guardian-angel-rgb: 228, 225, 234;
$guardian-angel-light: mix(#fff, $guardian-angel, 20%);
$guardian-angel-dark: mix(#000, $guardian-angel, 20%);
.element {
color: $guardian-angel;
box-shadow: 0 0 0 2px rgba($guardian-angel, 0.35);
}