Couleur nommée · #D5C7E8
Foggy Love
Foggy Love correspond à #D5C7E8 : rgb(213 199 232), hsl(265 42% 85%), oklch(0.851 0.048 304.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Foggy Love color name →
#D5C7E8
oklch(0.851 0.048 304.6)
Conversions de couleur
- HEX
- #d5c7e8
- RGB
- rgb(213 199 232)
- HSL
- hsl(265 42% 85%)
- HWB
- hwb(265 78% 9%)
- OKLCH
- oklch(0.851 0.048 304.6)
- OKLab
- oklab(0.851 0.027 -0.039)
- CIE Lab
- lab(82.18 9.63 -14.57)
- LCH
- lch(82.18 17.46 303.5)
- CMYK
- cmyk(8% 14% 0% 9%)
Teintes · Ombres · Tons
Teintes
- D9CDEA
- DDD2ED
- E1D8EF
- E6DDF1
- EAE3F4
- EEE8F6
- F2EEF8
- F6F4FB
- FBF9FD
Ombres
- B9ADCA
- 9E93AC
- 837A90
- 6A6274
- 514C59
- 3A3640
- 242129
- 100E13
- 020203
Tons
- CCC0DD
- C3B8D2
- BBB1C8
- B2AABD
- AAA3B3
- A19CA8
- 99959E
- 908E94
- 88878A
Harmonies de couleurs
Complémentaire +180°
- D5C7E8
Foggy Love
- C7D4B2
≈ Hidden Hills
Analogue -30° +30°
- D5C7E8
Foggy Love
- C4CDEE
≈ Ace
- E3C3DB
≈ Dog Rose
Triadique +120° +240°
- D5C7E8
Foggy Love
- E5C8AE
≈ Mesquite Powder
- ACD9D2
≈ Scandal
Complémentaire divisée +150° +210°
- D5C7E8
Foggy Love
- D8CEAC
≈ Lovely Linen
- B7D8C1
≈ Reclining Green
Tétradique +90° +180° +270°
- D5C7E8
Foggy Love
- ECC4BA
≈ Peach Ash
- C7D4B2
≈ Hidden Hills
- ACD7E2
≈ Araucana Egg
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.16:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.16:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--foggy-love: #d5c7e8;
--foggy-love-rgb: 213 199 232;
--foggy-love-oklch: oklch(0.851 0.048 304.6);
}
.element {
color: var(--foggy-love);
background-color: hsl(265 42% 85%);
border-color: oklch(0.851 0.048 304.6);
}Tailwind CSS v4
@theme {
--color-foggy-love: #d5c7e8;
--color-foggy-love-50: #f8f2ff;
--color-foggy-love-100: #ece4f5;
--color-foggy-love-200: #d9cfe5;
--color-foggy-love-300: #bdb1cb;
--color-foggy-love-400: #a598b6;
--color-foggy-love-500: #8d7fa0;
--color-foggy-love-600: #776b87;
--color-foggy-love-700: #60566c;
--color-foggy-love-800: #453f50;
--color-foggy-love-900: #302b38;
--color-foggy-love-950: #1c1822;
}SCSS
$foggy-love: #d5c7e8;
$foggy-love-rgb: 213, 199, 232;
$foggy-love-light: mix(#fff, $foggy-love, 20%);
$foggy-love-dark: mix(#000, $foggy-love, 20%);
.element {
color: $foggy-love;
box-shadow: 0 0 0 2px rgba($foggy-love, 0.35);
}