Nazwany kolor · #F3E9F7
Perfume Haze
Perfume Haze to #F3E9F7: rgb(243 233 247), hsl(283 47% 94%), oklch(0.946 0.021 316.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Perfume Haze color name →
#F3E9F7
oklch(0.946 0.021 316.5)
Konwersje koloru
- HEX
- #f3e9f7
- RGB
- rgb(243 233 247)
- HSL
- hsl(283 47% 94%)
- HWB
- hwb(283 91% 3%)
- OKLCH
- oklch(0.946 0.021 316.5)
- OKLab
- oklab(0.946 0.016 -0.015)
- CIE Lab
- lab(93.45 5.33 -5.53)
- LCH
- lch(93.45 7.68 314)
- CMYK
- cmyk(2% 6% 0% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4EBF8
- F5EDF9
- F7F0F9
- F8F2FA
- F9F4FB
- FAF6FC
- FBF8FD
- FDFBFD
- FEFDFE
Odcienie ciemniejsze
- D3CBD7
- B4ADB7
- 979099
- 7A747C
- 5E5A60
- 444145
- 2B292C
- 141315
- 030303
Tony
- E7DEEA
- DBD3DE
- CFC8D2
- C3BEC6
- B8B3BA
- ACA9AE
- A19EA2
- 969497
- 8B8A8B
Harmonie kolorów
Komplementarna +180°
- F3E9F7
Perfume Haze
- E7F1E3
≈ Spearmint Stick
Analogowa -30° +30°
- F3E9F7
Perfume Haze
- ECEBFB
≈ Bright Dusk
- F9E8F0
≈ Cherry Pearl
Triada +120° +240°
- F3E9F7
Perfume Haze
- F6ECDE
≈ A la Mode
- DEF2F2
≈ Bone-Chilling
Komplementarna rozszczepiona +150° +210°
- F3E9F7
Perfume Haze
- EEEEDE
≈ Coconut Aroma
- E0F2EA
≈ Paradise
Tetrada +90° +180° +270°
- F3E9F7
Perfume Haze
- FAE9E1
≈ Diminished Orange
- E7F1E3
≈ Spearmint Stick
- DFF0F8
≈ Wizard White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.80:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.80:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--perfume-haze: #f3e9f7;
--perfume-haze-rgb: 243 233 247;
--perfume-haze-oklch: oklch(0.946 0.021 316.5);
}
.element {
color: var(--perfume-haze);
background-color: hsl(283 47% 94%);
border-color: oklch(0.946 0.021 316.5);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #f3e9f7;
--color-perfume-haze-50: #f8f3f9;
--color-perfume-haze-100: #ebe6ed;
--color-perfume-haze-200: #d8d1da;
--color-perfume-haze-300: #bcb4bf;
--color-perfume-haze-400: #a49ba7;
--color-perfume-haze-500: #8c8290;
--color-perfume-haze-600: #766e7a;
--color-perfume-haze-700: #5f5861;
--color-perfume-haze-800: #454048;
--color-perfume-haze-900: #302c32;
--color-perfume-haze-950: #1c191e;
}SCSS
$perfume-haze: #f3e9f7;
$perfume-haze-rgb: 243, 233, 247;
$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);
}