Named color · #FDF5E0
Crème de Pêche
Crème de Pêche is #FDF5E0: rgb(253 245 224), hsl(43 88% 94%), oklch(0.971 0.029 89.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Crème de Pêche color name →
#FDF5E0
oklch(0.971 0.029 89.6)
Color conversions
- HEX
- #fdf5e0
- RGB
- rgb(253 245 224)
- HSL
- hsl(43 88% 94%)
- HWB
- hwb(43 88% 1%)
- OKLCH
- oklch(0.971 0.029 89.6)
- OKLab
- oklab(0.971 0 0.029)
- CIE Lab
- lab(96.75 0.21 11.16)
- LCH
- lch(96.75 11.16 88.9)
- CMYK
- cmyk(0% 3% 11% 1%)
Tints · Shades · Tones
Tints
- FDF6E3
- FDF7E6
- FEF8E9
- FEF9EC
- FEFAF0
- FEFBF3
- FEFCF6
- FFFDF9
- FFFEFC
Shades
- DCD5C3
- BCB6A6
- 9D988A
- 7F7B70
- 625F56
- 47443E
- 2D2B27
- 161512
- 030302
Tones
- F0E9D6
- E3DDCC
- D6D0C2
- C9C5B9
- BDB9AF
- B0ADA5
- A4A29C
- 989692
- 8C8B89
Color harmonies
Complementary +180°
- FDF5E0
Crème de Pêche
- F2F5FF
≈ Cotton Ball
Analogous -30° +30°
- FDF5E0
Crème de Pêche
- FFF3EA
≈ Ambrosia Ivory
- F3F9E3
≈ Bean Sprout
Triadic +120° +240°
- FDF5E0
Crème de Pêche
- E2FBFF
≈ Calm Waters
- FFF0FD
≈ Pinkish White
Split-complementary +150° +210°
- FDF5E0
Crème de Pêche
- ECF7FF
≈ Alice Blue
- F7F3FF
≈ Sugar Crystal
Tetradic +90° +180° +270°
- FDF5E0
Crème de Pêche
- E2FCF6
≈ Mint Condition
- F2F5FF
≈ Cotton Ball
- FFF1F5
≈ Lavender Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.08:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.31:1 · APCA Lc 102
Best text color: #000000
WCAG 19.31:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--creme-de-peche: #fdf5e0;
--creme-de-peche-rgb: 253 245 224;
--creme-de-peche-oklch: oklch(0.971 0.029 89.6);
}
.element {
color: var(--creme-de-peche);
background-color: hsl(43 88% 94%);
border-color: oklch(0.971 0.029 89.6);
}Tailwind CSS v4
@theme {
--color-creme-de-peche: #fdf5e0;
--color-creme-de-peche-50: #f8f5ec;
--color-creme-de-peche-100: #ebe8dd;
--color-creme-de-peche-200: #d9d4c7;
--color-creme-de-peche-300: #bdb7a7;
--color-creme-de-peche-400: #a59e8c;
--color-creme-de-peche-500: #8e8671;
--color-creme-de-peche-600: #787160;
--color-creme-de-peche-700: #605a4c;
--color-creme-de-peche-800: #474237;
--color-creme-de-peche-900: #312d26;
--color-creme-de-peche-950: #1d1a14;
}SCSS
$creme-de-peche: #fdf5e0;
$creme-de-peche-rgb: 253, 245, 224;
$creme-de-peche-light: mix(#fff, $creme-de-peche, 20%);
$creme-de-peche-dark: mix(#000, $creme-de-peche, 20%);
.element {
color: $creme-de-peche;
box-shadow: 0 0 0 2px rgba($creme-de-peche, 0.35);
}