Benoemde kleur · #FCE6DB
Slightly in Love
Slightly in Love is #FCE6DB: rgb(252 230 219), hsl(20 85% 92%), oklch(0.94 0.028 48.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Slightly in Love color name →
#FCE6DB
oklch(0.94 0.028 48.4)
Kleurconversies
- HEX
- #fce6db
- RGB
- rgb(252 230 219)
- HSL
- hsl(20 85% 92%)
- HWB
- hwb(20 86% 1%)
- OKLCH
- oklch(0.94 0.028 48.4)
- OKLab
- oklab(0.94 0.019 0.021)
- CIE Lab
- lab(92.87 6.45 8.24)
- LCH
- lch(92.87 10.47 52)
- CMYK
- cmyk(0% 9% 13% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FCE9DF
- FDEBE2
- FDEEE6
- FDF0E9
- FEF2ED
- FEF5F1
- FEF7F4
- FFFAF8
- FFFCFB
Schaduwen
- DBC8BE
- BBABA2
- 9C8E87
- 7E736D
- 625954
- 47403C
- 2D2826
- 161311
- 030302
Tonen
- EFDBD2
- E2D1C8
- D5C6BF
- C9BCB6
- BCB2AC
- B0A8A3
- A49D9A
- 989492
- 8C8A89
Kleurharmonieën
Complementair +180°
- FCE6DB
Slightly in Love
- D9EFFA
≈ Ice Castle
Analoog -30° +30°
- FCE6DB
Slightly in Love
- FEE4E4
≈ Misty Rose
- F6E9D6
≈ Mimosa
Triadisch +120° +240°
- FCE6DB
Slightly in Love
- DAF2E8
≈ Minted Ice
- EAE9FE
≈ Glitter
Gesplitst complementair +150° +210°
- FCE6DB
Slightly in Love
- D6F1F2
≈ Let It Snow
- E0ECFF
≈ Calcareous Sinter
Tetradisch +90° +180° +270°
- FCE6DB
Slightly in Love
- E2F0DE
≈ Soft Focus
- D9EFFA
≈ Ice Castle
- F3E5F8
≈ Minute Mauve
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.48:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--slightly-in-love: #fce6db;
--slightly-in-love-rgb: 252 230 219;
--slightly-in-love-oklch: oklch(0.94 0.028 48.4);
}
.element {
color: var(--slightly-in-love);
background-color: hsl(20 85% 92%);
border-color: oklch(0.94 0.028 48.4);
}Tailwind CSS v4
@theme {
--color-slightly-in-love: #fce6db;
--color-slightly-in-love-50: #fcf3ee;
--color-slightly-in-love-100: #f0e5e0;
--color-slightly-in-love-200: #dfd1ca;
--color-slightly-in-love-300: #c4b4ab;
--color-slightly-in-love-400: #ad9a90;
--color-slightly-in-love-500: #978176;
--color-slightly-in-love-600: #7f6d64;
--color-slightly-in-love-700: #665750;
--color-slightly-in-love-800: #4b403a;
--color-slightly-in-love-900: #342c28;
--color-slightly-in-love-950: #201916;
}SCSS
$slightly-in-love: #fce6db;
$slightly-in-love-rgb: 252, 230, 219;
$slightly-in-love-light: mix(#fff, $slightly-in-love, 20%);
$slightly-in-love-dark: mix(#000, $slightly-in-love, 20%);
.element {
color: $slightly-in-love;
box-shadow: 0 0 0 2px rgba($slightly-in-love, 0.35);
}