Color con nombre · #ECDBD6
Light Pianissimo
Light Pianissimo es #ECDBD6: rgb(236 219 214), hsl(14 37% 88%), oklch(0.904 0.02 37). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Light Pianissimo color name →
#ECDBD6
oklch(0.904 0.02 37)
Conversiones de color
- HEX
- #ecdbd6
- RGB
- rgb(236 219 214)
- HSL
- hsl(14 37% 88%)
- HWB
- hwb(14 84% 7%)
- OKLCH
- oklch(0.904 0.02 37)
- OKLab
- oklab(0.904 0.016 0.012)
- CIE Lab
- lab(88.7 5.42 4.68)
- LCH
- lch(88.7 7.16 40.8)
- CMYK
- cmyk(0% 7% 9% 7%)
Tintes · Sombras · Tonos
Tintes
- EEDFDA
- F0E2DE
- F2E6E2
- F4E9E6
- F6EDEA
- F7F1EE
- F9F4F3
- FBF8F7
- FDFBFB
Sombras
- CDBEBA
- AFA29E
- 928784
- 766D6A
- 5B5452
- 423C3B
- 292625
- 131110
- 030202
Tonos
- E1D2CD
- D6C8C4
- CABFBB
- BFB6B3
- B5ACAA
- AAA3A1
- 9F9A99
- 959191
- 8A8988
Armonías de color
Complementario +180°
- ECDBD6
Light Pianissimo
- D1E3E8
≈ Open Skies
Análogo -30° +30°
- ECDBD6
Light Pianissimo
- ECDADD
≈ Sweet Bianca
- E9DDD2
≈ Reliable White
Triádico +120° +240°
- ECDBD6
Light Pianissimo
- D5E3DA
≈ Night Wind
- DBDEED
≈ The White Death
Complementario dividido +150° +210°
- ECDBD6
Light Pianissimo
- D1E4E1
≈ Billowing Sail
- D5E1EC
≈ Brush Blue
Tetrádico +90° +180° +270°
- ECDBD6
Light Pianissimo
- DBE2D4
≈ Light Mist
- D1E3E8
≈ Open Skies
- E3DCEA
≈ Princess Fairy Tale
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.67:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--light-pianissimo: #ecdbd6;
--light-pianissimo-rgb: 236 219 214;
--light-pianissimo-oklch: oklch(0.904 0.02 37);
}
.element {
color: var(--light-pianissimo);
background-color: hsl(14 37% 88%);
border-color: oklch(0.904 0.02 37);
}Tailwind CSS v4
@theme {
--color-light-pianissimo: #ecdbd6;
--color-light-pianissimo-50: #fbf3f1;
--color-light-pianissimo-100: #eee6e3;
--color-light-pianissimo-200: #dcd2ce;
--color-light-pianissimo-300: #c1b4b0;
--color-light-pianissimo-400: #aa9b96;
--color-light-pianissimo-500: #93827d;
--color-light-pianissimo-600: #7c6e6a;
--color-light-pianissimo-700: #635855;
--color-light-pianissimo-800: #49403e;
--color-light-pianissimo-900: #332c2a;
--color-light-pianissimo-950: #1e1918;
}SCSS
$light-pianissimo: #ecdbd6;
$light-pianissimo-rgb: 236, 219, 214;
$light-pianissimo-light: mix(#fff, $light-pianissimo, 20%);
$light-pianissimo-dark: mix(#000, $light-pianissimo, 20%);
.element {
color: $light-pianissimo;
box-shadow: 0 0 0 2px rgba($light-pianissimo, 0.35);
}