Couleur nommée la plus proche · #EEE7F7
#EEE7F7
Couleur nommée la plus proche: Perfume Haze
#EEE7F7 (rgb(238 231 247), hsl(266 50% 94%), oklch(0.938 0.023 305.6)) est la plus proche de la couleur nommée Perfume Haze. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EEE7F7
oklch(0.938 0.023 305.6)
Conversions de couleur
- HEX
- #eee7f7
- RGB
- rgb(238 231 247)
- HSL
- hsl(266 50% 94%)
- HWB
- hwb(266 91% 3%)
- OKLCH
- oklch(0.938 0.023 305.6)
- OKLab
- oklab(0.938 0.013 -0.018)
- CIE Lab
- lab(92.55 4.59 -6.9)
- LCH
- lch(92.55 8.28 303.6)
- CMYK
- cmyk(4% 6% 0% 3%)
Teintes · Ombres · Tons
Teintes
- F0E9F8
- F1ECF9
- F3EEF9
- F5F1FA
- F6F3FB
- F8F5FC
- FAF8FD
- FCFAFD
- FDFDFE
Ombres
- CFC9D7
- B1ABB7
- 938F99
- 77737C
- 5C5960
- 424045
- 2A282C
- 141315
- 030303
Tons
- E2DCEA
- D7D2DE
- CCC7D2
- C1BCC6
- B5B2BA
- AAA8AE
- A09EA2
- 959497
- 8A8A8B
Harmonies de couleurs
Complémentaire +180°
- EEE7F7
Perfume Haze
- E7EEDD
≈ Chrome Green
Analogue -30° +30°
- EEE7F7
Perfume Haze
- E6EAFA
≈ Icy Lilac
- F5E5F0
≈ Petal Poise
Triadique +120° +240°
- EEE7F7
Perfume Haze
- F6E8DB
≈ Silk Elegance
- DBF0ED
≈ Soar
Complémentaire divisée +150° +210°
- EEE7F7
Perfume Haze
- EFEBDA
≈ Frank Lloyd White
- DFEFE4
≈ Lower Green
Tétradique +90° +180° +270°
- EEE7F7
Perfume Haze
- F9E6E0
≈ Bridesmaid
- E7EEDD
≈ Chrome Green
- DBEFF4
≈ Let It Snow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.40:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--perfume-haze: #eee7f7;
--perfume-haze-rgb: 238 231 247;
--perfume-haze-oklch: oklch(0.938 0.023 305.6);
}
.element {
color: var(--perfume-haze);
background-color: hsl(266 50% 94%);
border-color: oklch(0.938 0.023 305.6);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #eee7f7;
--color-perfume-haze-50: #f7f3fa;
--color-perfume-haze-100: #eae6ee;
--color-perfume-haze-200: #d7d2dc;
--color-perfume-haze-300: #bab5c1;
--color-perfume-haze-400: #a19ba9;
--color-perfume-haze-500: #8a8392;
--color-perfume-haze-600: #746f7c;
--color-perfume-haze-700: #5d5863;
--color-perfume-haze-800: #444149;
--color-perfume-haze-900: #2f2c33;
--color-perfume-haze-950: #1b1a1e;
}SCSS
$perfume-haze: #eee7f7;
$perfume-haze-rgb: 238, 231, 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);
}