Couleur nommée · #FFECE9
Rose Frost
Rose Frost correspond à #FFECE9 : rgb(255 236 233), hsl(8 100% 96%), oklch(0.957 0.021 28.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Rose Frost color name →
#FFECE9
oklch(0.957 0.021 28.3)
Conversions de couleur
- HEX
- #ffece9
- RGB
- rgb(255 236 233)
- HSL
- hsl(8 100% 96%)
- HWB
- hwb(8 91% 0%)
- OKLCH
- oklch(0.957 0.021 28.3)
- OKLab
- oklab(0.957 0.019 0.01)
- CIE Lab
- lab(94.87 6.29 3.9)
- LCH
- lch(94.87 7.4 31.8)
- CMYK
- cmyk(0% 7% 9% 0%)
Teintes · Ombres · Tons
Teintes
- FFEEEB
- FFF0ED
- FFF2F0
- FFF4F2
- FFF5F4
- FFF7F6
- FFF9F8
- FFFBFB
- FFFDFD
Ombres
- DECDCB
- BEAFAD
- 9E9290
- 807674
- 635B5A
- 484241
- 2E2929
- 161313
- 030303
Tons
- F2E1DE
- E4D5D3
- D7CAC8
- CABFBE
- BEB5B3
- B1AAA9
- A49F9E
- 989594
- 8C8A8A
Harmonies de couleurs
Complémentaire +180°
- FFECE9
Rose Frost
- E2F5F8
≈ Coastal Breeze
Analogue -30° +30°
- FFECE9
Rose Frost
- FEEBF1
≈ Fairy Wings
- FCEEE3
≈ Albino
Triadique +120° +240°
- FFECE9
Rose Frost
- E8F5E9
≈ Floaty Bubble
- EBF1FF
≈ Carte Blanche
Complémentaire divisée +150° +210°
- FFECE9
Rose Frost
- E3F6F1
≈ Frosty Mint
- E5F3FE
≈ Moon White
Tétradique +90° +180° +270°
- FFECE9
Rose Frost
- EFF3E3
≈ Saltpan
- E2F5F8
≈ Coastal Breeze
- F2EEFE
≈ Foundation White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.13:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.42:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.42:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--rose-frost: #ffece9;
--rose-frost-rgb: 255 236 233;
--rose-frost-oklch: oklch(0.957 0.021 28.3);
}
.element {
color: var(--rose-frost);
background-color: hsl(8 100% 96%);
border-color: oklch(0.957 0.021 28.3);
}Tailwind CSS v4
@theme {
--color-rose-frost: #ffece9;
--color-rose-frost-50: #fbf3f1;
--color-rose-frost-100: #efe5e4;
--color-rose-frost-200: #ddd1cf;
--color-rose-frost-300: #c2b4b1;
--color-rose-frost-400: #ab9a97;
--color-rose-frost-500: #94817e;
--color-rose-frost-600: #7d6d6b;
--color-rose-frost-700: #645755;
--color-rose-frost-800: #49403e;
--color-rose-frost-900: #332c2b;
--color-rose-frost-950: #1f1918;
}SCSS
$rose-frost: #ffece9;
$rose-frost-rgb: 255, 236, 233;
$rose-frost-light: mix(#fff, $rose-frost, 20%);
$rose-frost-dark: mix(#000, $rose-frost, 20%);
.element {
color: $rose-frost;
box-shadow: 0 0 0 2px rgba($rose-frost, 0.35);
}