Couleur nommée · #EEEEFF
Carte Blanche
Carte Blanche correspond à #EEEEFF : rgb(238 238 255), hsl(240 100% 97%), oklch(0.954 0.023 286). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Carte Blanche color name →
#EEEEFF
oklch(0.954 0.023 286)
Conversions de couleur
- HEX
- #eeeeff
- RGB
- rgb(238 238 255)
- HSL
- hsl(240 100% 97%)
- HWB
- hwb(240 93% 0%)
- OKLCH
- oklch(0.954 0.023 286)
- OKLab
- oklab(0.954 0.006 -0.022)
- CIE Lab
- lab(94.47 2.33 -8.22)
- LCH
- lch(94.47 8.54 285.8)
- CMYK
- cmyk(7% 7% 0% 0%)
Teintes · Ombres · Tons
Teintes
- F0F0FF
- F1F1FF
- F3F3FF
- F5F5FF
- F6F6FF
- F8F8FF
- FAFAFF
- FCFCFF
- FDFDFF
Ombres
- CFCFDE
- B1B1BE
- 93939E
- 777780
- 5C5C63
- 424248
- 2A2A2E
- 141416
- 030303
Tons
- E2E2F2
- D7D7E4
- CCCCD7
- C1C1CA
- B5B5BE
- AAABB1
- A0A0A4
- 959598
- 8A8A8C
Harmonies de couleurs
Complémentaire +180°
- EEEEFF
Carte Blanche
- F1F1E0
≈ White Geranium
Analogue -30° +30°
- EEEEFF
Carte Blanche
- E6F1FF
≈ Cotton Boll
- F6EBFA
≈ Placebo Fuchsia
Triadique +120° +240°
- EEEEFF
Carte Blanche
- FEECE3
≈ Peach Breeze
- E2F5EC
≈ Frosty Mint
Complémentaire divisée +150° +210°
- EEEEFF
Carte Blanche
- F9EEDF
≈ Starglider
- E9F4E5
≈ Dinner Mint
Tétradique +90° +180° +270°
- EEEEFF
Carte Blanche
- FFEAEB
≈ Pink Lemonade
- F1F1E0
≈ White Geranium
- DFF5F5
≈ Coastal Breeze
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.14:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.30:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.30:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--carte-blanche: #eeeeff;
--carte-blanche-rgb: 238 238 255;
--carte-blanche-oklch: oklch(0.954 0.023 286);
}
.element {
color: var(--carte-blanche);
background-color: hsl(240 100% 97%);
border-color: oklch(0.954 0.023 286);
}Tailwind CSS v4
@theme {
--color-carte-blanche: #eeeeff;
--color-carte-blanche-50: #f4f4fb;
--color-carte-blanche-100: #e7e7ef;
--color-carte-blanche-200: #d3d3de;
--color-carte-blanche-300: #b6b6c3;
--color-carte-blanche-400: #9d9dac;
--color-carte-blanche-500: #848495;
--color-carte-blanche-600: #70707e;
--color-carte-blanche-700: #5a5a65;
--color-carte-blanche-800: #41414a;
--color-carte-blanche-900: #2d2d33;
--color-carte-blanche-950: #1a1a1f;
}SCSS
$carte-blanche: #eeeeff;
$carte-blanche-rgb: 238, 238, 255;
$carte-blanche-light: mix(#fff, $carte-blanche, 20%);
$carte-blanche-dark: mix(#000, $carte-blanche, 20%);
.element {
color: $carte-blanche;
box-shadow: 0 0 0 2px rgba($carte-blanche, 0.35);
}