Color con nombre más cercano · #EBE2D9
#EBE2D9
Color con nombre más cercano: Gardenia
#EBE2D9 (rgb(235 226 217), hsl(30 31% 89%), oklch(0.917 0.016 67.6)) se parece más al color con nombre Gardenia. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EBE2D9
oklch(0.917 0.016 67.6)
Conversiones de color
- HEX
- #ebe2d9
- RGB
- rgb(235 226 217)
- HSL
- hsl(30 31% 89%)
- HWB
- hwb(30 85% 8%)
- OKLCH
- oklch(0.917 0.016 67.6)
- OKLab
- oklab(0.917 0.006 0.014)
- CIE Lab
- lab(90.42 2.03 5.56)
- LCH
- lch(90.42 5.92 70)
- CMYK
- cmyk(0% 4% 8% 8%)
Tintes · Sombras · Tonos
Tintes
- EDE5DD
- EFE8E1
- F1EBE4
- F3EEE8
- F5F0EC
- F7F3F0
- F9F6F4
- FBF9F7
- FDFCFB
Sombras
- CCC4BC
- AEA8A1
- 918C86
- 75716C
- 5B5753
- 413E3B
- 292725
- 131211
- 030302
Tonos
- E0D8D0
- D5CEC7
- CAC4BD
- BFBAB4
- B4B0AB
- A9A6A3
- 9F9C9A
- 949391
- 8A8989
Armonías de color
Complementario +180°
- EBE2D9
Gardenia
- DCE5EE
≈ Mystic Light
Análogo -30° +30°
- EBE2D9
Gardenia
- EEE0DC
≈ Powder Room
- E6E4D8
≈ Narcomedusae
Triádico +120° +240°
- EBE2D9
Gardenia
- D9E7E5
≈ Tulle Soft Blue
- E6E1EC
≈ Homoeopathic Lavender
Complementario dividido +150° +210°
- EBE2D9
Gardenia
- D9E6EB
≈ Arctic Blizzard
- E1E3EE
≈ Iris Ice
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.41:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--gardenia: #ebe2d9;
--gardenia-rgb: 235 226 217;
--gardenia-oklch: oklch(0.917 0.016 67.6);
}
.element {
color: var(--gardenia);
background-color: hsl(30 31% 89%);
border-color: oklch(0.917 0.016 67.6);
}Tailwind CSS v4
@theme {
--color-gardenia: #ebe2d9;
--color-gardenia-50: #f8f4f0;
--color-gardenia-100: #ebe7e2;
--color-gardenia-200: #d9d3cd;
--color-gardenia-300: #bdb6af;
--color-gardenia-400: #a59d95;
--color-gardenia-500: #8d847b;
--color-gardenia-600: #787069;
--color-gardenia-700: #605a54;
--color-gardenia-800: #46413d;
--color-gardenia-900: #312d2a;
--color-gardenia-950: #1d1a17;
}SCSS
$gardenia: #ebe2d9;
$gardenia-rgb: 235, 226, 217;
$gardenia-light: mix(#fff, $gardenia, 20%);
$gardenia-dark: mix(#000, $gardenia, 20%);
.element {
color: $gardenia;
box-shadow: 0 0 0 2px rgba($gardenia, 0.35);
}