Benoemde kleur · #FBDAE8
Cherry Flower
Cherry Flower is #FBDAE8: rgb(251 218 232), hsl(335 80% 92%), oklch(0.92 0.041 350.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Cherry Flower color name →
#FBDAE8
oklch(0.92 0.041 350.4)
Kleurconversies
- HEX
- #fbdae8
- RGB
- rgb(251 218 232)
- HSL
- hsl(335 80% 92%)
- HWB
- hwb(335 85% 2%)
- OKLCH
- oklch(0.92 0.041 350.4)
- OKLab
- oklab(0.92 0.04 -0.007)
- CIE Lab
- lab(90.14 13.5 -2.44)
- LCH
- lch(90.14 13.72 349.8)
- CMYK
- cmyk(0% 13% 8% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FCDEEA
- FCE1ED
- FCE5EF
- FDE9F1
- FDECF3
- FEF0F6
- FEF4F8
- FEF8FA
- FFFBFD
Schaduwen
- DABDCA
- BAA2AC
- 9C8790
- 7E6C74
- 615459
- 463C40
- 2D2529
- 151113
- 030203
Tonen
- EED1DD
- E1C7D2
- D5BEC8
- C8B5BD
- BCACB3
- B0A3A8
- A39A9E
- 989194
- 8C898A
Kleurharmonieën
Complementair +180°
- FBDAE8
Cherry Flower
- CBEEE0
≈ Summer House
Analoog -30° +30°
- FBDAE8
Cherry Flower
- F1DCF6
≈ Grape Taffy
- FFDAD9
≈ Cottagecore Sunset
Triadisch +120° +240°
- FBDAE8
Cherry Flower
- E5E7C9
≈ Origami Clover
- CAEAFB
≈ Frosty Day
Gesplitst complementair +150° +210°
- FBDAE8
Cherry Flower
- D7ECD2
≈ Lantana Lime
- C6EDEF
≈ Icy Breeze
Tetradisch +90° +180° +270°
- FBDAE8
Cherry Flower
- F3E2C7
≈ Honey Beige
- CBEEE0
≈ Summer House
- D6E5FF
≈ Veiling Waterfalls
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.29:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.29:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--cherry-flower: #fbdae8;
--cherry-flower-rgb: 251 218 232;
--cherry-flower-oklch: oklch(0.92 0.041 350.4);
}
.element {
color: var(--cherry-flower);
background-color: hsl(335 80% 92%);
border-color: oklch(0.92 0.041 350.4);
}Tailwind CSS v4
@theme {
--color-cherry-flower: #fbdae8;
--color-cherry-flower-50: #fff1f6;
--color-cherry-flower-100: #f4e3e9;
--color-cherry-flower-200: #e3cdd6;
--color-cherry-flower-300: #c9afb9;
--color-cherry-flower-400: #b295a2;
--color-cherry-flower-500: #9c7b8a;
--color-cherry-flower-600: #846974;
--color-cherry-flower-700: #6a545d;
--color-cherry-flower-800: #4e3d45;
--color-cherry-flower-900: #362a2f;
--color-cherry-flower-950: #21171c;
}SCSS
$cherry-flower: #fbdae8;
$cherry-flower-rgb: 251, 218, 232;
$cherry-flower-light: mix(#fff, $cherry-flower, 20%);
$cherry-flower-dark: mix(#000, $cherry-flower, 20%);
.element {
color: $cherry-flower;
box-shadow: 0 0 0 2px rgba($cherry-flower, 0.35);
}