Couleur nommée · #FFFDEB
Sparkling Cider
Sparkling Cider correspond à #FFFDEB : rgb(255 253 235), hsl(54 100% 96%), oklch(0.991 0.024 101.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sparkling Cider color name →
#FFFDEB
oklch(0.991 0.024 101.7)
Conversions de couleur
- HEX
- #fffdeb
- RGB
- rgb(255 253 235)
- HSL
- hsl(54 100% 96%)
- HWB
- hwb(54 92% 0%)
- OKLCH
- oklch(0.991 0.024 101.7)
- OKLab
- oklab(0.991 -0.005 0.023)
- CIE Lab
- lab(99.1 -1.56 8.89)
- LCH
- lch(99.1 9.03 100)
- CMYK
- cmyk(0% 1% 8% 0%)
Teintes · Ombres · Tons
Teintes
- FFFDED
- FFFDEF
- FFFEF1
- FFFEF3
- FFFEF5
- FFFEF7
- FFFEF9
- FFFFFB
- FFFFFD
Ombres
- DEDCCC
- BEBCAE
- 9E9D91
- 807F75
- 63625B
- 484741
- 2E2D29
- 161613
- 030303
Tons
- F2F0E0
- E4E3D5
- D7D6CA
- CAC9BF
- BDBDB4
- B1B0A9
- A4A49F
- 989894
- 8C8C8A
Harmonies de couleurs
Complémentaire +180°
- FFFDEB
Sparkling Cider
- FBFCFF
≈ Wash Me
Analogue -30° +30°
- FFFDEB
Sparkling Cider
- FFFBF7
≈ Eyeball
- F7FFF2
≈ Pearl Powder
Triadique +120° +240°
- FFFDEB
Sparkling Cider
- F8FDFF
≈ Deutzia White
- FFFBFD
≈ Flawed White
Complémentaire divisée +150° +210°
- FFFDEB
Sparkling Cider
- FAFCFF
≈ Wash Me
- FDFBFF
≈ Flawed White
Tétradique +90° +180° +270°
- FFFDEB
Sparkling Cider
- F3FFFE
≈ Sparkling Snow
- FBFCFF
≈ Wash Me
- FFFBFB
≈ Flawed White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.02:1 · APCA Lc 0
Ag
AAASur noir
WCAG 20.50:1 · APCA Lc 106
Meilleure couleur de texte: #000000
WCAG 20.50:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--sparkling-cider: #fffdeb;
--sparkling-cider-rgb: 255 253 235;
--sparkling-cider-oklch: oklch(0.991 0.024 101.7);
}
.element {
color: var(--sparkling-cider);
background-color: hsl(54 100% 96%);
border-color: oklch(0.991 0.024 101.7);
}Tailwind CSS v4
@theme {
--color-sparkling-cider: #fffdeb;
--color-sparkling-cider-50: #f6f6ee;
--color-sparkling-cider-100: #e9e8df;
--color-sparkling-cider-200: #d6d5ca;
--color-sparkling-cider-300: #b9b8ab;
--color-sparkling-cider-400: #a19f8f;
--color-sparkling-cider-500: #898775;
--color-sparkling-cider-600: #747263;
--color-sparkling-cider-700: #5d5b4f;
--color-sparkling-cider-800: #444339;
--color-sparkling-cider-900: #2f2e27;
--color-sparkling-cider-950: #1c1b15;
}SCSS
$sparkling-cider: #fffdeb;
$sparkling-cider-rgb: 255, 253, 235;
$sparkling-cider-light: mix(#fff, $sparkling-cider, 20%);
$sparkling-cider-dark: mix(#000, $sparkling-cider, 20%);
.element {
color: $sparkling-cider;
box-shadow: 0 0 0 2px rgba($sparkling-cider, 0.35);
}