Nearest named color · #F9EFFB
#F9EFFB
Nearest named color: Perfume Haze
#F9EFFB (rgb(249 239 251), hsl(290 60% 96%), oklch(0.963 0.019 320.6)) is closest to the named color Perfume Haze. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F9EFFB
oklch(0.963 0.019 320.6)
Color conversions
- HEX
- #f9effb
- RGB
- rgb(249 239 251)
- HSL
- hsl(290 60% 96%)
- HWB
- hwb(290 94% 2%)
- OKLCH
- oklch(0.963 0.019 320.6)
- OKLab
- oklab(0.963 0.015 -0.012)
- CIE Lab
- lab(95.5 5.04 -4.54)
- LCH
- lch(95.5 6.78 318)
- CMYK
- cmyk(1% 5% 0% 2%)
Tints · Shades · Tones
Tints
- FAF1FB
- FAF2FC
- FBF4FC
- FBF5FD
- FCF7FD
- FDF9FD
- FDFAFE
- FEFCFE
- FEFDFF
Shades
- D9D0DA
- B9B1BA
- 9A949C
- 7D787E
- 615C61
- 464246
- 2C2A2D
- 151415
- 030303
Tones
- ECE3EE
- E0D8E1
- D3CCD5
- C7C1C8
- BBB6BC
- AFABAF
- A3A0A3
- 979597
- 8B8B8C
Color harmonies
Complementary +180°
- F9EFFB
Perfume Haze
- ECF6EA
≈ Verde Pastel
Analogous -30° +30°
- F9EFFB
Perfume Haze
- F2F1FF
≈ Cloud Break
- FEEEF4
≈ Powder Puff
Triadic +120° +240°
- F9EFFB
Perfume Haze
- FAF2E5
≈ Palatial White
- E5F7F8
≈ Indigo White
Split-complementary +150° +210°
- F9EFFB
Perfume Haze
- F3F4E6
≈ Cumulus
- E7F7F1
≈ Soft Mint
Tetradic +90° +180° +270°
- F9EFFB
Perfume Haze
- FEF0E8
≈ Pico Ivory
- ECF6EA
≈ Verde Pastel
- E7F6FE
≈ Kodama White
Contrast & accessibility
Ag
FailOn white
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.76:1 · APCA Lc 99
Best text color: #000000
WCAG 18.76:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--perfume-haze: #f9effb;
--perfume-haze-rgb: 249 239 251;
--perfume-haze-oklch: oklch(0.963 0.019 320.6);
}
.element {
color: var(--perfume-haze);
background-color: hsl(290 60% 96%);
border-color: oklch(0.963 0.019 320.6);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #f9effb;
--color-perfume-haze-50: #f8f3f8;
--color-perfume-haze-100: #ebe6ec;
--color-perfume-haze-200: #d8d2d9;
--color-perfume-haze-300: #bcb4bd;
--color-perfume-haze-400: #a49ba5;
--color-perfume-haze-500: #8c828e;
--color-perfume-haze-600: #776e78;
--color-perfume-haze-700: #5f5860;
--color-perfume-haze-800: #454047;
--color-perfume-haze-900: #302c31;
--color-perfume-haze-950: #1c191d;
}SCSS
$perfume-haze: #f9effb;
$perfume-haze-rgb: 249, 239, 251;
$perfume-haze-light: mix(#fff, $perfume-haze, 20%);
$perfume-haze-dark: mix(#000, $perfume-haze, 20%);
.element {
color: $perfume-haze;
box-shadow: 0 0 0 2px rgba($perfume-haze, 0.35);
}