Color con nombre · #E8D5DD
Swiss Rose
Swiss Rose es #E8D5DD: rgb(232 213 221), hsl(335 29% 87%), oklch(0.891 0.023 350.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Swiss Rose color name →
#E8D5DD
oklch(0.891 0.023 350.1)
Conversiones de color
- HEX
- #e8d5dd
- RGB
- rgb(232 213 221)
- HSL
- hsl(335 29% 87%)
- HWB
- hwb(335 84% 9%)
- OKLCH
- oklch(0.891 0.023 350.1)
- OKLab
- oklab(0.891 0.023 -0.004)
- CIE Lab
- lab(87.02 7.8 -1.45)
- LCH
- lch(87.02 7.94 349.5)
- CMYK
- cmyk(0% 8% 5% 9%)
Tintes · Sombras · Tonos
Tintes
- EAD9E0
- EDDDE4
- EFE1E7
- F1E6EA
- F4EAEE
- F6EEF1
- F8F2F5
- FAF7F8
- FDFBFC
Sombras
- CAB9C0
- AC9EA4
- 908388
- 746A6E
- 595155
- 403A3D
- 292426
- 131011
- 030202
Tonos
- DDCCD3
- D2C3CA
- C8BBC0
- BDB2B7
- B3AAAD
- A8A1A4
- 9E999B
- 949092
- 8A8889
Armonías de color
Complementario +180°
- E8D5DD
Swiss Rose
- CDE0D9
≈ Light Meadow Lane
Análogo -30° +30°
- E8D5DD
Swiss Rose
- E2D6E5
≈ Lavender Vista
- EAD5D4
≈ Shangri La
Triádico +120° +240°
- E8D5DD
Swiss Rose
- DBDDCB
≈ Desert Springs
- CCDEE8
≈ Duck’s Egg Blue
Complementario dividido +150° +210°
- E8D5DD
Swiss Rose
- D3DFD1
≈ Fairest Jade
- CAE0E1
≈ Thin Heights
Tetrádico +90° +180° +270°
- E8D5DD
Swiss Rose
- E3DACA
≈ Skull
- CDE0D9
≈ Light Meadow Lane
- D2DCEB
≈ Morning Shower
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 14.99:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--swiss-rose: #e8d5dd;
--swiss-rose-rgb: 232 213 221;
--swiss-rose-oklch: oklch(0.891 0.023 350.1);
}
.element {
color: var(--swiss-rose);
background-color: hsl(335 29% 87%);
border-color: oklch(0.891 0.023 350.1);
}Tailwind CSS v4
@theme {
--color-swiss-rose: #e8d5dd;
--color-swiss-rose-50: #fbf2f6;
--color-swiss-rose-100: #efe5e9;
--color-swiss-rose-200: #ddd0d5;
--color-swiss-rose-300: #c2b3b8;
--color-swiss-rose-400: #aa99a0;
--color-swiss-rose-500: #938088;
--color-swiss-rose-600: #7c6c73;
--color-swiss-rose-700: #64575c;
--color-swiss-rose-800: #493f44;
--color-swiss-rose-900: #332b2f;
--color-swiss-rose-950: #1e191b;
}SCSS
$swiss-rose: #e8d5dd;
$swiss-rose-rgb: 232, 213, 221;
$swiss-rose-light: mix(#fff, $swiss-rose, 20%);
$swiss-rose-dark: mix(#000, $swiss-rose, 20%);
.element {
color: $swiss-rose;
box-shadow: 0 0 0 2px rgba($swiss-rose, 0.35);
}