Couleur nommée · #F5F4E6
White Mirage
White Mirage correspond à #F5F4E6 : rgb(245 244 230), hsl(56 43% 93%), oklch(0.964 0.018 103.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · White Mirage color name →
#F5F4E6
oklch(0.964 0.018 103.4)
Conversions de couleur
- HEX
- #f5f4e6
- RGB
- rgb(245 244 230)
- HSL
- hsl(56 43% 93%)
- HWB
- hwb(56 90% 4%)
- OKLCH
- oklch(0.964 0.018 103.4)
- OKLab
- oklab(0.964 -0.004 0.018)
- CIE Lab
- lab(95.98 -1.44 6.89)
- LCH
- lch(95.98 7.04 101.8)
- CMYK
- cmyk(0% 0% 6% 4%)
Teintes · Ombres · Tons
Teintes
- F6F5E8
- F7F6EB
- F8F7ED
- F9F8F0
- FAFAF2
- FBFBF5
- FCFCF7
- FDFDFA
- FEFEFC
Ombres
- D5D4C8
- B6B5AB
- 98978E
- 7B7A73
- 5F5E59
- 444440
- 2B2B28
- 151413
- 030303
Tons
- E9E8DB
- DDDCD1
- D0D0C6
- C5C4BC
- B9B8B2
- ADADA8
- A2A19D
- 969694
- 8B8B8A
Harmonies de couleurs
Complémentaire +180°
- F5F4E6
White Mirage
- F1F2FF
≈ Cloud Break
Analogue -30° +30°
- F5F4E6
White Mirage
- FBF2E6
≈ Milk Moustache
- EEF6EA
≈ Verde Pastel
Triadique +120° +240°
- F5F4E6
White Mirage
- E7F6FC
≈ Kodama White
- FDEFF6
≈ Lavender Blush
Complémentaire divisée +150° +210°
- F5F4E6
White Mirage
- EBF4FF
≈ Placebo Blue
- F8F0FC
≈ Cloud Break
Tétradique +90° +180° +270°
- F5F4E6
White Mirage
- E6F7F7
≈ Indigo White
- F1F2FF
≈ Cloud Break
- FFEFF0
≈ White Gloss
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.10:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.96:1 · APCA Lc 100
Meilleure couleur de texte: #000000
WCAG 18.96:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--white-mirage: #f5f4e6;
--white-mirage-rgb: 245 244 230;
--white-mirage-oklch: oklch(0.964 0.018 103.4);
}
.element {
color: var(--white-mirage);
background-color: hsl(56 43% 93%);
border-color: oklch(0.964 0.018 103.4);
}Tailwind CSS v4
@theme {
--color-white-mirage: #f5f4e6;
--color-white-mirage-50: #f6f5f0;
--color-white-mirage-100: #e8e8e1;
--color-white-mirage-200: #d5d5cc;
--color-white-mirage-300: #b8b8ad;
--color-white-mirage-400: #a09f93;
--color-white-mirage-500: #888779;
--color-white-mirage-600: #737267;
--color-white-mirage-700: #5c5b52;
--color-white-mirage-800: #44433b;
--color-white-mirage-900: #2f2e29;
--color-white-mirage-950: #1b1b17;
}SCSS
$white-mirage: #f5f4e6;
$white-mirage-rgb: 245, 244, 230;
$white-mirage-light: mix(#fff, $white-mirage, 20%);
$white-mirage-dark: mix(#000, $white-mirage, 20%);
.element {
color: $white-mirage;
box-shadow: 0 0 0 2px rgba($white-mirage, 0.35);
}