Couleur nommée · #FDE1D4
Light Quilt
Light Quilt correspond à #FDE1D4 : rgb(253 225 212), hsl(19 91% 91%), oklch(0.929 0.036 46.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Light Quilt color name →
#FDE1D4
oklch(0.929 0.036 46.5)
Conversions de couleur
- HEX
- #fde1d4
- RGB
- rgb(253 225 212)
- HSL
- hsl(19 91% 91%)
- HWB
- hwb(19 83% 1%)
- OKLCH
- oklch(0.929 0.036 46.5)
- OKLab
- oklab(0.929 0.025 0.026)
- CIE Lab
- lab(91.61 8.44 10.09)
- LCH
- lch(91.61 13.15 50.1)
- CMYK
- cmyk(0% 11% 16% 1%)
Teintes · Ombres · Tons
Teintes
- FDE4D8
- FEE7DD
- FEEAE1
- FEEDE5
- FEF0E9
- FEF3EE
- FFF6F2
- FFF9F6
- FFFCFB
Ombres
- DCC4B8
- BCA79D
- 9D8B83
- 7F7069
- 625651
- 473E3A
- 2D2724
- 161210
- 030202
Tons
- F0D7CB
- E3CDC3
- D6C3BA
- C9B9B2
- BDAFA9
- B0A6A1
- A49C98
- 989390
- 8C8988
Harmonies de couleurs
Complémentaire +180°
- FDE1D4
Light Quilt
- D0EDFA
≈ Blue Hijab
Analogue -30° +30°
- FDE1D4
Light Quilt
- FFDFDF
≈ Red Remains
- F6E5CE
≈ Mannequin Cream
Triadique +120° +240°
- FDE1D4
Light Quilt
- D2F0E2
≈ Pastel Jade
- E5E5FF
≈ Lavender Mist
Complémentaire divisée +150° +210°
- FDE1D4
Light Quilt
- CDF0F0
≈ Morning Calm
- D9E9FF
≈ Veiling Waterfalls
Tétradique +90° +180° +270°
- FDE1D4
Light Quilt
- DDEED6
≈ Light Tactile
- D0EDFA
≈ Blue Hijab
- F1E1F8
≈ Sheer Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.24:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.89:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--light-quilt: #fde1d4;
--light-quilt-rgb: 253 225 212;
--light-quilt-oklch: oklch(0.929 0.036 46.5);
}
.element {
color: var(--light-quilt);
background-color: hsl(19 91% 91%);
border-color: oklch(0.929 0.036 46.5);
}Tailwind CSS v4
@theme {
--color-light-quilt: #fde1d4;
--color-light-quilt-50: #fef2ec;
--color-light-quilt-100: #f3e5de;
--color-light-quilt-200: #e2d0c7;
--color-light-quilt-300: #c7b2a8;
--color-light-quilt-400: #b1988d;
--color-light-quilt-500: #9b7f72;
--color-light-quilt-600: #836c61;
--color-light-quilt-700: #69564d;
--color-light-quilt-800: #4d3f38;
--color-light-quilt-900: #362b27;
--color-light-quilt-950: #211815;
}SCSS
$light-quilt: #fde1d4;
$light-quilt-rgb: 253, 225, 212;
$light-quilt-light: mix(#fff, $light-quilt, 20%);
$light-quilt-dark: mix(#000, $light-quilt, 20%);
.element {
color: $light-quilt;
box-shadow: 0 0 0 2px rgba($light-quilt, 0.35);
}