Color con nombre más cercano · #EFE2D8
#EFE2D8
Color con nombre más cercano: Dallas Dust
#EFE2D8 (rgb(239 226 216), hsl(26 42% 89%), oklch(0.92 0.02 60.2)) se parece más al color con nombre Dallas Dust. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EFE2D8
oklch(0.92 0.02 60.2)
Conversiones de color
- HEX
- #efe2d8
- RGB
- rgb(239 226 216)
- HSL
- hsl(26 42% 89%)
- HWB
- hwb(26 85% 6%)
- OKLCH
- oklch(0.92 0.02 60.2)
- OKLab
- oklab(0.92 0.01 0.017)
- CIE Lab
- lab(90.73 3.34 6.57)
- LCH
- lch(90.73 7.37 63.1)
- CMYK
- cmyk(0% 5% 10% 6%)
Tintes · Sombras · Tonos
Tintes
- F1E5DC
- F2E8E0
- F4EBE4
- F5EEE8
- F7F0EB
- F9F3EF
- FAF6F3
- FCF9F7
- FDFCFB
Sombras
- D0C4BC
- B1A8A0
- 948C85
- 78716B
- 5C5753
- 423E3B
- 2A2725
- 141211
- 030302
Tonos
- E3D8CF
- D8CEC6
- CCC4BD
- C1BAB4
- B6B0AB
- ABA6A2
- A09C9A
- 959391
- 8B8988
Armonías de color
Complementario +180°
- EFE2D8
Dallas Dust
- DAE7F1
≈ Icicle Veil
Análogo -30° +30°
- EFE2D8
Dallas Dust
- F2E0DD
≈ Bare Pink
- EAE4D6
≈ Dry Sand
Triádico +120° +240°
- EFE2D8
Dallas Dust
- D8E9E5
≈ Snowball Effect
- E6E2F0
≈ Farsighted
Complementario dividido +150° +210°
- EFE2D8
Dallas Dust
- D7E9EC
≈ Enchanted Evening
- DFE4F2
≈ Iris Ice
Tetrádico +90° +180° +270°
- EFE2D8
Dallas Dust
- DCE9DE
≈ Clair de Lune
- DAE7F1
≈ Icicle Veil
- EDE0EB
≈ Heaven Sent
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.54:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.54:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--dallas-dust: #efe2d8;
--dallas-dust-rgb: 239 226 216;
--dallas-dust-oklch: oklch(0.92 0.02 60.2);
}
.element {
color: var(--dallas-dust);
background-color: hsl(26 42% 89%);
border-color: oklch(0.92 0.02 60.2);
}Tailwind CSS v4
@theme {
--color-dallas-dust: #efe2d8;
--color-dallas-dust-50: #f9f4f0;
--color-dallas-dust-100: #ede7e1;
--color-dallas-dust-200: #dbd3cc;
--color-dallas-dust-300: #bfb5ad;
--color-dallas-dust-400: #a79c93;
--color-dallas-dust-500: #908379;
--color-dallas-dust-600: #7a6f67;
--color-dallas-dust-700: #625952;
--color-dallas-dust-800: #48413c;
--color-dallas-dust-900: #322d29;
--color-dallas-dust-950: #1e1a17;
}SCSS
$dallas-dust: #efe2d8;
$dallas-dust-rgb: 239, 226, 216;
$dallas-dust-light: mix(#fff, $dallas-dust, 20%);
$dallas-dust-dark: mix(#000, $dallas-dust, 20%);
.element {
color: $dallas-dust;
box-shadow: 0 0 0 2px rgba($dallas-dust, 0.35);
}