Dichtstbijzijnde benoemde kleur · #FDBEC6
#FDBEC6
Dichtstbijzijnde benoemde kleur: Love Affair
#FDBEC6 (rgb(253 190 198), hsl(352 94% 87%), oklch(0.861 0.073 10.2)) komt het dichtst bij de benoemde kleur Love Affair. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FDBEC6
oklch(0.861 0.073 10.2)
Kleurconversies
- HEX
- #fdbec6
- RGB
- rgb(253 190 198)
- HSL
- hsl(352 94% 87%)
- HWB
- hwb(352 75% 1%)
- OKLCH
- oklch(0.861 0.073 10.2)
- OKLab
- oklab(0.861 0.072 0.013)
- CIE Lab
- lab(83.02 24.16 5.29)
- LCH
- lch(83.02 24.73 12.3)
- CMYK
- cmyk(0% 25% 22% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FEC5CC
- FECBD1
- FFD2D7
- FFD8DD
- FFDFE2
- FFE5E8
- FFECEE
- FFF2F3
- FFF9F9
Schaduwen
- DCA5AC
- BC8C92
- 9D757A
- 7F5E62
- 62484B
- 473335
- 2D1F21
- 160D0E
- 030202
Tonen
- F0B8BF
- E3B1B8
- D7ABB0
- CAA5A9
- BE9FA2
- B1999B
- A59294
- 988C8E
- 8C8687
Kleurharmonieën
Complementair +180°
- FDBEC6
Love Affair
- 98E1DC
≈ Aqua Fiesta
Analoog -30° +30°
- FDBEC6
Love Affair
- F3BFE0
≈ Lavender Soap
- FCC2AD
≈ Gadabout
Triadisch +120° +240°
- FDBEC6
Love Affair
- C1DCA9
≈ Bowling Green
- AFD6FF
≈ Malmö FF
Gesplitst complementair +150° +210°
- FDBEC6
Love Affair
- A7E1C1
≈ Mountain Mint
- 9BDDF3
≈ Non-Photo Blue
Tetradisch +90° +180° +270°
- FDBEC6
Love Affair
- DCD39B
≈ Twinkle Toes
- 98E1DC
≈ Aqua Fiesta
- C8CDFF
≈ Lavender Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.35:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--love-affair: #fdbec6;
--love-affair-rgb: 253 190 198;
--love-affair-oklch: oklch(0.861 0.073 10.2);
}
.element {
color: var(--love-affair);
background-color: hsl(352 94% 87%);
border-color: oklch(0.861 0.073 10.2);
}Tailwind CSS v4
@theme {
--color-love-affair: #fdbec6;
--color-love-affair-50: #ffedef;
--color-love-affair-100: #ffdee1;
--color-love-affair-200: #f2c8cc;
--color-love-affair-300: #daa9ad;
--color-love-affair-400: #c58d94;
--color-love-affair-500: #b1727b;
--color-love-affair-600: #956068;
--color-love-affair-700: #784d53;
--color-love-affair-800: #58383d;
--color-love-affair-900: #3e262a;
--color-love-affair-950: #271418;
}SCSS
$love-affair: #fdbec6;
$love-affair-rgb: 253, 190, 198;
$love-affair-light: mix(#fff, $love-affair, 20%);
$love-affair-dark: mix(#000, $love-affair, 20%);
.element {
color: $love-affair;
box-shadow: 0 0 0 2px rgba($love-affair, 0.35);
}