Colore con nome · #FDE2D1
Powdered Peach
Powdered Peach è #FDE2D1: rgb(253 226 209), hsl(23 92% 91%), oklch(0.93 0.038 54.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Powdered Peach color name →
#FDE2D1
oklch(0.93 0.038 54.3)
Conversioni di colore
- HEX
- #fde2d1
- RGB
- rgb(253 226 209)
- HSL
- hsl(23 92% 91%)
- HWB
- hwb(23 82% 1%)
- OKLCH
- oklch(0.93 0.038 54.3)
- OKLab
- oklab(0.93 0.022 0.03)
- CIE Lab
- lab(91.79 7.62 11.9)
- LCH
- lch(91.79 14.14 57.4)
- CMYK
- cmyk(0% 11% 17% 1%)
Tinte · Ombre · Toni
Tinte
- FDE5D6
- FEE8DA
- FEEBDF
- FEEEE3
- FEF1E8
- FEF3ED
- FFF6F1
- FFF9F6
- FFFCFA
Ombre
- DCC4B5
- BCA89B
- 9D8C81
- 7F7168
- 625750
- 473E39
- 2D2723
- 161210
- 030302
Toni
- F0D8C9
- E3CEC0
- D6C4B8
- C9BAB0
- BDB0A8
- B0A6A0
- A49C98
- 989390
- 8C8988
Armonie di colore
Complementare +180°
- FDE2D1
Powdered Peach
- D1EDFE
≈ Blue Hijab
Analogo -30° +30°
- FDE2D1
Powdered Peach
- FFE0DD
≈ Red Remains
- F4E7CC
≈ Magnolia Blossom
Triadico +120° +240°
- FDE2D1
Powdered Peach
- CFF1E6
≈ Light Shutterbug
- E9E4FF
≈ Lavender Mist
Complementare divisa +150° +210°
- FDE2D1
Powdered Peach
- CCF0F4
≈ Diamond League
- DDE8FF
≈ Cloudless
Tetradico +90° +180° +270°
- FDE2D1
Powdered Peach
- D9EFD9
≈ Garden Shed
- D1EDFE
≈ Blue Hijab
- F5E0F6
≈ Minute Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.97:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--powdered-peach: #fde2d1;
--powdered-peach-rgb: 253 226 209;
--powdered-peach-oklch: oklch(0.93 0.038 54.3);
}
.element {
color: var(--powdered-peach);
background-color: hsl(23 92% 91%);
border-color: oklch(0.93 0.038 54.3);
}Tailwind CSS v4
@theme {
--color-powdered-peach: #fde2d1;
--color-powdered-peach-50: #fef3eb;
--color-powdered-peach-100: #f2e5dc;
--color-powdered-peach-200: #e1d1c5;
--color-powdered-peach-300: #c7b3a5;
--color-powdered-peach-400: #b1998a;
--color-powdered-peach-500: #9b806f;
--color-powdered-peach-600: #836c5e;
--color-powdered-peach-700: #69574b;
--color-powdered-peach-800: #4d3f37;
--color-powdered-peach-900: #362b25;
--color-powdered-peach-950: #211914;
}SCSS
$powdered-peach: #fde2d1;
$powdered-peach-rgb: 253, 226, 209;
$powdered-peach-light: mix(#fff, $powdered-peach, 20%);
$powdered-peach-dark: mix(#000, $powdered-peach, 20%);
.element {
color: $powdered-peach;
box-shadow: 0 0 0 2px rgba($powdered-peach, 0.35);
}