Color con nombre · #E5E2E7
Violet Hush
Violet Hush es #E5E2E7: rgb(229 226 231), hsl(276 9% 90%), oklch(0.917 0.007 312.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Violet Hush color name →
#E5E2E7
oklch(0.917 0.007 312.3)
Conversiones de color
- HEX
- #e5e2e7
- RGB
- rgb(229 226 231)
- HSL
- hsl(276 9% 90%)
- HWB
- hwb(276 89% 9%)
- OKLCH
- oklch(0.917 0.007 312.3)
- OKLab
- oklab(0.917 0.005 -0.005)
- CIE Lab
- lab(90.23 1.72 -2.07)
- LCH
- lch(90.23 2.69 309.7)
- CMYK
- cmyk(1% 2% 0% 9%)
Tintes · Sombras · Tonos
Tintes
- E8E5E9
- EAE8EC
- EDEBEE
- EFEEF1
- F2F0F3
- F5F3F5
- F7F6F8
- FAF9FA
- FCFCFD
Sombras
- C7C4C9
- AAA8AB
- 8E8C8F
- 727173
- 585759
- 3F3E40
- 282728
- 121213
- 030303
Tonos
- DAD8DC
- D0CED2
- C6C4C7
- BBBABC
- B1B0B2
- A7A6A8
- 9D9C9E
- 939394
- 8A898A
Armonías de color
Complementario +180°
- E5E2E7
Violet Hush
- E1E4DF
≈ Beryl Pearl
Análogo -30° +30°
- E5E2E7
Violet Hush
- E2E3E8
≈ Violet White
- E7E1E5
≈ Misty Morn
Triádico +120° +240°
- E5E2E7
Violet Hush
- E7E3DE
≈ Arctic Cotton
- DEE5E5
≈ Moon Garden
Complementario dividido +150° +210°
- E5E2E7
Violet Hush
- E4E4DE
≈ Spare White
- DFE5E2
≈ Icy Bay
Tetrádico +90° +180° +270°
- E5E2E7
Violet Hush
- E8E2E0
≈ Clytemnestra
- E1E4DF
≈ Beryl Pearl
- DEE5E7
≈ Austrian Ice
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.36:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--violet-hush: #e5e2e7;
--violet-hush-rgb: 229 226 231;
--violet-hush-oklch: oklch(0.917 0.007 312.3);
}
.element {
color: var(--violet-hush);
background-color: hsl(276 9% 90%);
border-color: oklch(0.917 0.007 312.3);
}Tailwind CSS v4
@theme {
--color-violet-hush: #e5e2e7;
--color-violet-hush-50: #f6f4f7;
--color-violet-hush-100: #e9e7e9;
--color-violet-hush-200: #d5d3d6;
--color-violet-hush-300: #b9b6ba;
--color-violet-hush-400: #a09da2;
--color-violet-hush-500: #88858a;
--color-violet-hush-600: #737075;
--color-violet-hush-700: #5c5a5d;
--color-violet-hush-800: #434244;
--color-violet-hush-900: #2e2d2f;
--color-violet-hush-950: #1b1a1c;
}SCSS
$violet-hush: #e5e2e7;
$violet-hush-rgb: 229, 226, 231;
$violet-hush-light: mix(#fff, $violet-hush, 20%);
$violet-hush-dark: mix(#000, $violet-hush, 20%);
.element {
color: $violet-hush;
box-shadow: 0 0 0 2px rgba($violet-hush, 0.35);
}