Color con nombre más cercano · #FFEEE4
#FFEEE4
Color con nombre más cercano: Vanilla Blush
#FFEEE4 (rgb(255 238 228), hsl(22 100% 95%), oklch(0.96 0.023 52.7)) se parece más al color con nombre Vanilla Blush. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FFEEE4
oklch(0.96 0.023 52.7)
Conversiones de color
- HEX
- #ffeee4
- RGB
- rgb(255 238 228)
- HSL
- hsl(22 100% 95%)
- HWB
- hwb(22 89% 0%)
- OKLCH
- oklch(0.96 0.023 52.7)
- OKLab
- oklab(0.96 0.014 0.018)
- CIE Lab
- lab(95.26 4.73 7.03)
- LCH
- lch(95.26 8.47 56.1)
- CMYK
- cmyk(0% 7% 11% 0%)
Tintes · Sombras · Tonos
Tintes
- FFF0E7
- FFF1E9
- FFF3EC
- FFF5EF
- FFF7F1
- FFF8F4
- FFFAF7
- FFFCFA
- FFFDFC
Sombras
- DECFC6
- BEB1A9
- 9E938D
- 807772
- 635C58
- 48423F
- 2E2A28
- 161412
- 030303
Tonos
- F2E2DA
- E4D7CF
- D7CCC5
- CAC1BB
- BEB5B1
- B1ABA7
- A4A09D
- 989593
- 8C8A8A
Armonías de color
Complementario +180°
- FFEEE4
Vanilla Blush
- E3F5FF
≈ Kodama White
Análogo -30° +30°
- FFEEE4
Vanilla Blush
- FFEDEC
≈ Voracious White
- F9F1E1
≈ Belgian Cream
Triádico +120° +240°
- FFEEE4
Vanilla Blush
- E3F7F0
≈ Frosty Mint
- F2F0FF
≈ Cloud Break
Complementario dividido +150° +210°
- FFEEE4
Vanilla Blush
- E1F7F8
≈ Coastal Breeze
- EBF2FF
≈ Placebo Blue
Tetrádico +90° +180° +270°
- FFEEE4
Vanilla Blush
- E9F6E8
≈ Floaty Bubble
- E3F5FF
≈ Kodama White
- FAEDFB
≈ Placebo Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.60:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.60:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--vanilla-blush: #ffeee4;
--vanilla-blush-rgb: 255 238 228;
--vanilla-blush-oklch: oklch(0.96 0.023 52.7);
}
.element {
color: var(--vanilla-blush);
background-color: hsl(22 100% 95%);
border-color: oklch(0.96 0.023 52.7);
}Tailwind CSS v4
@theme {
--color-vanilla-blush: #ffeee4;
--color-vanilla-blush-50: #fbf4ef;
--color-vanilla-blush-100: #eee6e1;
--color-vanilla-blush-200: #dcd2cb;
--color-vanilla-blush-300: #c1b5ad;
--color-vanilla-blush-400: #aa9b92;
--color-vanilla-blush-500: #938278;
--color-vanilla-blush-600: #7c6e66;
--color-vanilla-blush-700: #645852;
--color-vanilla-blush-800: #49403b;
--color-vanilla-blush-900: #332c29;
--color-vanilla-blush-950: #1e1917;
}SCSS
$vanilla-blush: #ffeee4;
$vanilla-blush-rgb: 255, 238, 228;
$vanilla-blush-light: mix(#fff, $vanilla-blush, 20%);
$vanilla-blush-dark: mix(#000, $vanilla-blush, 20%);
.element {
color: $vanilla-blush;
box-shadow: 0 0 0 2px rgba($vanilla-blush, 0.35);
}