Couleur nommée · #F9E8CE
Peach Umbrella
Peach Umbrella correspond à #F9E8CE : rgb(249 232 206), hsl(36 78% 89%), oklch(0.938 0.039 78.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Peach Umbrella color name →
#F9E8CE
oklch(0.938 0.039 78.6)
Conversions de couleur
- HEX
- #f9e8ce
- RGB
- rgb(249 232 206)
- HSL
- hsl(36 78% 89%)
- HWB
- hwb(36 81% 2%)
- OKLCH
- oklch(0.938 0.039 78.6)
- OKLab
- oklab(0.938 0.008 0.038)
- CIE Lab
- lab(92.87 2.93 14.89)
- LCH
- lch(92.87 15.18 78.9)
- CMYK
- cmyk(0% 7% 17% 2%)
Teintes · Ombres · Tons
Teintes
- FAEAD3
- FAEDD8
- FBEFDD
- FBF1E2
- FCF4E7
- FDF6EB
- FDF8F0
- FEFAF5
- FEFDFA
Ombres
- D9CAB3
- B9AC98
- 9A907F
- 7D7466
- 61594E
- 464038
- 2C2923
- 15130F
- 030302
Tons
- ECDDC6
- E0D2BE
- D3C8B6
- C7BDAE
- BBB3A6
- AFA89F
- A39E97
- 97948F
- 8B8A88
Harmonies de couleurs
Complémentaire +180°
- F9E8CE
Peach Umbrella
- DFECFF
≈ Calcareous Sinter
Analogue -30° +30°
- F9E8CE
Peach Umbrella
- FFE4D7
≈ Light Peach Rose
- ECEDCF
≈ Floating Lily
Triadique +120° +240°
- F9E8CE
Peach Umbrella
- CDF3F4
≈ Vaporised
- F6E3FC
≈ Soft Lavender
Complémentaire divisée +150° +210°
- F9E8CE
Peach Umbrella
- D1F0FF
≈ Blue Hijab
- E9E8FF
≈ Glitter
Tétradique +90° +180° +270°
- F9E8CE
Peach Umbrella
- D2F3E6
≈ Minty Fresh
- DFECFF
≈ Calcareous Sinter
- FFE1EF
≈ Pale Blossom
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.46:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.46:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--peach-umbrella: #f9e8ce;
--peach-umbrella-rgb: 249 232 206;
--peach-umbrella-oklch: oklch(0.938 0.039 78.6);
}
.element {
color: var(--peach-umbrella);
background-color: hsl(36 78% 89%);
border-color: oklch(0.938 0.039 78.6);
}Tailwind CSS v4
@theme {
--color-peach-umbrella: #f9e8ce;
--color-peach-umbrella-50: #fbf4e9;
--color-peach-umbrella-100: #efe7da;
--color-peach-umbrella-200: #ddd3c2;
--color-peach-umbrella-300: #c2b6a1;
--color-peach-umbrella-400: #ab9c85;
--color-peach-umbrella-500: #948469;
--color-peach-umbrella-600: #7e6f59;
--color-peach-umbrella-700: #645947;
--color-peach-umbrella-800: #4a4133;
--color-peach-umbrella-900: #332d23;
--color-peach-umbrella-950: #1f1a12;
}SCSS
$peach-umbrella: #f9e8ce;
$peach-umbrella-rgb: 249, 232, 206;
$peach-umbrella-light: mix(#fff, $peach-umbrella, 20%);
$peach-umbrella-dark: mix(#000, $peach-umbrella, 20%);
.element {
color: $peach-umbrella;
box-shadow: 0 0 0 2px rgba($peach-umbrella, 0.35);
}