Color con nombre · #FCE2D4
Ephemeral Peach
Ephemeral Peach es #FCE2D4: rgb(252 226 212), hsl(21 87% 91%), oklch(0.93 0.034 50.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Ephemeral Peach color name →
#FCE2D4
oklch(0.93 0.034 50.2)
Conversiones de color
- HEX
- #fce2d4
- RGB
- rgb(252 226 212)
- HSL
- hsl(21 87% 91%)
- HWB
- hwb(21 83% 1%)
- OKLCH
- oklch(0.93 0.034 50.2)
- OKLab
- oklab(0.93 0.022 0.026)
- CIE Lab
- lab(91.76 7.59 10.29)
- LCH
- lch(91.76 12.79 53.6)
- CMYK
- cmyk(0% 10% 16% 1%)
Tintes · Sombras · Tonos
Tintes
- FCE5D8
- FDE8DD
- FDEBE1
- FDEEE5
- FEF1E9
- FEF3EE
- FEF6F2
- FFF9F6
- FFFCFB
Sombras
- DBC4B8
- BBA89D
- 9C8C83
- 7E7169
- 625751
- 473E3A
- 2D2724
- 161210
- 030302
Tonos
- EFD8CB
- E2CEC3
- D5C4BA
- C9BAB2
- BCB0A9
- B0A6A1
- A49C98
- 989390
- 8C8988
Armonías de color
Complementario +180°
- FCE2D4
Ephemeral Peach
- D2EDFB
≈ Blue Hijab
Análogo -30° +30°
- FCE2D4
Ephemeral Peach
- FEDFDE
≈ Dawn Patrol
- F4E6CF
≈ Animal Cracker
Triádico +120° +240°
- FCE2D4
Ephemeral Peach
- D2F0E4
≈ Shimmering Pool
- E7E5FE
≈ Lavender Mist
Complementario dividido +150° +210°
- FCE2D4
Ephemeral Peach
- CEEFF1
≈ Morning Calm
- DBE9FF
≈ Cloudless
Tetrádico +90° +180° +270°
- FCE2D4
Ephemeral Peach
- DCEED9
≈ Dewmist Delight
- D2EDFB
≈ Blue Hijab
- F3E1F7
≈ Minute Mauve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.96:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.96:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--ephemeral-peach: #fce2d4;
--ephemeral-peach-rgb: 252 226 212;
--ephemeral-peach-oklch: oklch(0.93 0.034 50.2);
}
.element {
color: var(--ephemeral-peach);
background-color: hsl(21 87% 91%);
border-color: oklch(0.93 0.034 50.2);
}Tailwind CSS v4
@theme {
--color-ephemeral-peach: #fce2d4;
--color-ephemeral-peach-50: #fef3ec;
--color-ephemeral-peach-100: #f2e5de;
--color-ephemeral-peach-200: #e1d1c7;
--color-ephemeral-peach-300: #c6b3a8;
--color-ephemeral-peach-400: #b0998d;
--color-ephemeral-peach-500: #9a8072;
--color-ephemeral-peach-600: #826c61;
--color-ephemeral-peach-700: #68574d;
--color-ephemeral-peach-800: #4d3f38;
--color-ephemeral-peach-900: #352b26;
--color-ephemeral-peach-950: #201915;
}SCSS
$ephemeral-peach: #fce2d4;
$ephemeral-peach-rgb: 252, 226, 212;
$ephemeral-peach-light: mix(#fff, $ephemeral-peach, 20%);
$ephemeral-peach-dark: mix(#000, $ephemeral-peach, 20%);
.element {
color: $ephemeral-peach;
box-shadow: 0 0 0 2px rgba($ephemeral-peach, 0.35);
}