Benoemde kleur · #FCE2D4
Ephemeral Peach
Ephemeral Peach is #FCE2D4: rgb(252 226 212), hsl(21 87% 91%), oklch(0.93 0.034 50.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Ephemeral Peach color name →
#FCE2D4
oklch(0.93 0.034 50.2)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FCE5D8
- FDE8DD
- FDEBE1
- FDEEE5
- FEF1E9
- FEF3EE
- FEF6F2
- FFF9F6
- FFFCFB
Schaduwen
- DBC4B8
- BBA89D
- 9C8C83
- 7E7169
- 625751
- 473E3A
- 2D2724
- 161210
- 030302
Tonen
- EFD8CB
- E2CEC3
- D5C4BA
- C9BAB2
- BCB0A9
- B0A6A1
- A49C98
- 989390
- 8C8988
Kleurharmonieën
Complementair +180°
- FCE2D4
Ephemeral Peach
- D2EDFB
≈ Blue Hijab
Analoog -30° +30°
- FCE2D4
Ephemeral Peach
- FEDFDE
≈ Dawn Patrol
- F4E6CF
≈ Animal Cracker
Triadisch +120° +240°
- FCE2D4
Ephemeral Peach
- D2F0E4
≈ Shimmering Pool
- E7E5FE
≈ Lavender Mist
Gesplitst complementair +150° +210°
- FCE2D4
Ephemeral Peach
- CEEFF1
≈ Morning Calm
- DBE9FF
≈ Cloudless
Tetradisch +90° +180° +270°
- FCE2D4
Ephemeral Peach
- DCEED9
≈ Dewmist Delight
- D2EDFB
≈ Blue Hijab
- F3E1F7
≈ Minute Mauve
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.96:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.96:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
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);
}