Color con nombre más cercano · #EFE8EB
#EFE8EB
Color con nombre más cercano: Bride
#EFE8EB (rgb(239 232 235), hsl(334 18% 92%), oklch(0.937 0.009 349.3)) se parece más al color con nombre Bride. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EFE8EB
oklch(0.937 0.009 349.3)
Conversiones de color
- HEX
- #efe8eb
- RGB
- rgb(239 232 235)
- HSL
- hsl(334 18% 92%)
- HWB
- hwb(334 91% 6%)
- OKLCH
- oklch(0.937 0.009 349.3)
- OKLab
- oklab(0.937 0.008 -0.002)
- CIE Lab
- lab(92.61 2.83 -0.58)
- LCH
- lch(92.61 2.89 348.5)
- CMYK
- cmyk(0% 3% 2% 6%)
Tintes · Sombras · Tonos
Tintes
- F1EAED
- F2EDEF
- F4EFF1
- F5F1F3
- F7F3F5
- F9F6F7
- FAF8F9
- FCFAFB
- FDFDFD
Sombras
- D0CACC
- B1ACAE
- 949091
- 787475
- 5C595B
- 424041
- 2A2929
- 141313
- 030303
Tonos
- E3DDE0
- D8D2D5
- CCC8CA
- C1BDBF
- B6B3B4
- ABA8A9
- A09E9F
- 959494
- 8B8A8A
Armonías de color
Complementario +180°
- EFE8EB
Bride
- E5ECE9
≈ Morning Song
Análogo -30° +30°
- EFE8EB
Bride
- EDE8EE
≈ Greek Goddess
- F0E8E8
≈ Frosty Morning
Triádico +120° +240°
- EFE8EB
Bride
- EAEBE4
≈ High Hide White
- E5EBEF
≈ Blizzard
Complementario dividido +150° +210°
- EFE8EB
Bride
- E7ECE6
≈ Bone Dust
- E4ECEC
≈ Aquafir
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.41:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.41:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--bride: #efe8eb;
--bride-rgb: 239 232 235;
--bride-oklch: oklch(0.937 0.009 349.3);
}
.element {
color: var(--bride);
background-color: hsl(334 18% 92%);
border-color: oklch(0.937 0.009 349.3);
}Tailwind CSS v4
@theme {
--color-bride: #efe8eb;
--color-bride-50: #f7f4f5;
--color-bride-100: #eae7e8;
--color-bride-200: #d7d3d4;
--color-bride-300: #bbb6b8;
--color-bride-400: #a39c9f;
--color-bride-500: #8b8487;
--color-bride-600: #757072;
--color-bride-700: #5e595b;
--color-bride-800: #454143;
--color-bride-900: #2f2d2e;
--color-bride-950: #1c1a1b;
}SCSS
$bride: #efe8eb;
$bride-rgb: 239, 232, 235;
$bride-light: mix(#fff, $bride, 20%);
$bride-dark: mix(#000, $bride, 20%);
.element {
color: $bride;
box-shadow: 0 0 0 2px rgba($bride, 0.35);
}