Color con nombre más cercano · #EDE5DB
#EDE5DB
Color con nombre más cercano: Vanilla Sugar
#EDE5DB (rgb(237 229 219), hsl(33 33% 89%), oklch(0.925 0.016 73.7)) se parece más al color con nombre Vanilla Sugar. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EDE5DB
oklch(0.925 0.016 73.7)
Conversiones de color
- HEX
- #ede5db
- RGB
- rgb(237 229 219)
- HSL
- hsl(33 33% 89%)
- HWB
- hwb(33 86% 7%)
- OKLCH
- oklch(0.925 0.016 73.7)
- OKLab
- oklab(0.925 0.004 0.015)
- CIE Lab
- lab(91.37 1.54 5.91)
- LCH
- lch(91.37 6.1 75.4)
- CMYK
- cmyk(0% 3% 8% 7%)
Tintes · Sombras · Tonos
Tintes
- EFE8DF
- F1EAE2
- F2EDE6
- F4EFE9
- F6F2ED
- F8F5F1
- FAF7F4
- FBFAF8
- FDFCFB
Sombras
- CEC7BE
- B0AAA2
- 938E87
- 77726D
- 5C5854
- 423F3C
- 2A2826
- 141211
- 030302
Tonos
- E2DAD2
- D6D0C8
- CBC6BF
- C0BBB6
- B5B1AC
- AAA7A3
- 9F9D9A
- 959391
- 8A8A89
Armonías de color
Complementario +180°
- EDE5DB
Vanilla Sugar
- DFE7F1
≈ Radiant Moon
Análogo -30° +30°
- EDE5DB
Vanilla Sugar
- F0E3DE
≈ Rosa Vieja
- E8E7DB
≈ Clear Sand
Triádico +120° +240°
- EDE5DB
Vanilla Sugar
- DBEAE9
≈ Carefree
- EAE3EE
≈ Modest Violet
Complementario dividido +150° +210°
- EDE5DB
Vanilla Sugar
- DCE9EE
≈ Sidewalk Chalk Blue
- E5E5F1
≈ Lavender Syrup
Tetrádico +90° +180° +270°
- EDE5DB
Vanilla Sugar
- DDEAE3
≈ Snowbound
- DFE7F1
≈ Radiant Moon
- EFE2E9
≈ Struck by Lightning
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.83:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--vanilla-sugar: #ede5db;
--vanilla-sugar-rgb: 237 229 219;
--vanilla-sugar-oklch: oklch(0.925 0.016 73.7);
}
.element {
color: var(--vanilla-sugar);
background-color: hsl(33 33% 89%);
border-color: oklch(0.925 0.016 73.7);
}Tailwind CSS v4
@theme {
--color-vanilla-sugar: #ede5db;
--color-vanilla-sugar-50: #f8f5f0;
--color-vanilla-sugar-100: #ebe7e2;
--color-vanilla-sugar-200: #d8d3cd;
--color-vanilla-sugar-300: #bcb6af;
--color-vanilla-sugar-400: #a49d94;
--color-vanilla-sugar-500: #8d857b;
--color-vanilla-sugar-600: #777068;
--color-vanilla-sugar-700: #5f5a53;
--color-vanilla-sugar-800: #46423c;
--color-vanilla-sugar-900: #302d2a;
--color-vanilla-sugar-950: #1d1a17;
}SCSS
$vanilla-sugar: #ede5db;
$vanilla-sugar-rgb: 237, 229, 219;
$vanilla-sugar-light: mix(#fff, $vanilla-sugar, 20%);
$vanilla-sugar-dark: mix(#000, $vanilla-sugar, 20%);
.element {
color: $vanilla-sugar;
box-shadow: 0 0 0 2px rgba($vanilla-sugar, 0.35);
}