Color con nombre · #EEEEFF
Carte Blanche
Carte Blanche es #EEEEFF: rgb(238 238 255), hsl(240 100% 97%), oklch(0.954 0.023 286). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Carte Blanche color name →
#EEEEFF
oklch(0.954 0.023 286)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F0F0FF
- F1F1FF
- F3F3FF
- F5F5FF
- F6F6FF
- F8F8FF
- FAFAFF
- FCFCFF
- FDFDFF
Sombras
- CFCFDE
- B1B1BE
- 93939E
- 777780
- 5C5C63
- 424248
- 2A2A2E
- 141416
- 030303
Tonos
- E2E2F2
- D7D7E4
- CCCCD7
- C1C1CA
- B5B5BE
- AAABB1
- A0A0A4
- 959598
- 8A8A8C
Armonías de color
Complementario +180°
- EEEEFF
Carte Blanche
- F1F1E0
≈ White Geranium
Análogo -30° +30°
- EEEEFF
Carte Blanche
- E6F1FF
≈ Cotton Boll
- F6EBFA
≈ Placebo Fuchsia
Triádico +120° +240°
- EEEEFF
Carte Blanche
- FEECE3
≈ Peach Breeze
- E2F5EC
≈ Frosty Mint
Complementario dividido +150° +210°
- EEEEFF
Carte Blanche
- F9EEDF
≈ Starglider
- E9F4E5
≈ Dinner Mint
Tetrádico +90° +180° +270°
- EEEEFF
Carte Blanche
- FFEAEB
≈ Pink Lemonade
- F1F1E0
≈ White Geranium
- DFF5F5
≈ Coastal Breeze
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.30:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.30:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
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);
}