Cor nomeada mais próxima · #F7EEFB
#F7EEFB
Cor nomeada mais próxima: Perfume Haze
#F7EEFB (rgb(247 238 251), hsl(282 62% 96%), oklch(0.96 0.02 315.7)) é mais próxima da cor nomeada Perfume Haze. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F7EEFB
oklch(0.96 0.02 315.7)
Conversões de cor
- HEX
- #f7eefb
- RGB
- rgb(247 238 251)
- HSL
- hsl(282 62% 96%)
- HWB
- hwb(282 93% 2%)
- OKLCH
- oklch(0.96 0.02 315.7)
- OKLab
- oklab(0.96 0.014 -0.014)
- CIE Lab
- lab(95.09 4.84 -5.15)
- LCH
- lch(95.09 7.07 313.2)
- CMYK
- cmyk(2% 5% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- F8F0FB
- F9F1FC
- F9F3FC
- FAF5FD
- FBF6FD
- FCF8FD
- FDFAFE
- FDFCFE
- FEFDFF
Sombras
- D7CFDA
- B7B1BA
- 99939C
- 7C777E
- 605C61
- 454246
- 2C2A2D
- 151415
- 030303
Tons
- EAE2EE
- DED7E1
- D2CCD5
- C6C1C8
- BAB5BC
- AEAAAF
- A2A0A3
- 979597
- 8B8A8C
Harmonias de cor
Complementar +180°
- F7EEFB
Perfume Haze
- ECF5E8
≈ Verde Pastel
Análoga -30° +30°
- F7EEFB
Perfume Haze
- F0F0FF
≈ Foundation White
- FCEDF5
≈ Placebo Magenta
Tríade +120° +240°
- F7EEFB
Perfume Haze
- FAF0E4
≈ Linen
- E3F6F6
≈ Coastal Breeze
Complementar dividida +150° +210°
- F7EEFB
Perfume Haze
- F3F3E4
≈ Cumulus
- E6F6EF
≈ Frosty Mint
Tétrade +90° +180° +270°
- F7EEFB
Perfume Haze
- FEEEE7
≈ Rose White
- ECF5E8
≈ Verde Pastel
- E5F5FC
≈ Kodama White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.57:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.57:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--perfume-haze: #f7eefb;
--perfume-haze-rgb: 247 238 251;
--perfume-haze-oklch: oklch(0.96 0.02 315.7);
}
.element {
color: var(--perfume-haze);
background-color: hsl(282 62% 96%);
border-color: oklch(0.96 0.02 315.7);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #f7eefb;
--color-perfume-haze-50: #f7f3f9;
--color-perfume-haze-100: #ebe6ec;
--color-perfume-haze-200: #d8d2da;
--color-perfume-haze-300: #bcb4be;
--color-perfume-haze-400: #a39ba6;
--color-perfume-haze-500: #8b828f;
--color-perfume-haze-600: #766e79;
--color-perfume-haze-700: #5e5861;
--color-perfume-haze-800: #454047;
--color-perfume-haze-900: #302c31;
--color-perfume-haze-950: #1c191d;
}SCSS
$perfume-haze: #f7eefb;
$perfume-haze-rgb: 247, 238, 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);
}