Color con nombre · #DFCEC2
Cocoa Parfait
Cocoa Parfait es #DFCEC2: rgb(223 206 194), hsl(25 31% 82%), oklch(0.862 0.025 57.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Cocoa Parfait color name →
#DFCEC2
oklch(0.862 0.025 57.6)
Conversiones de color
- HEX
- #dfcec2
- RGB
- rgb(223 206 194)
- HSL
- hsl(25 31% 82%)
- HWB
- hwb(25 76% 13%)
- OKLCH
- oklch(0.862 0.025 57.6)
- OKLab
- oklab(0.862 0.013 0.021)
- CIE Lab
- lab(83.93 4.64 8.24)
- LCH
- lch(83.93 9.46 60.6)
- CMYK
- cmyk(0% 8% 13% 13%)
Tintes · Sombras · Tonos
Tintes
- E2D3C8
- E5D8CE
- E9DDD4
- ECE1DA
- EFE6E0
- F2EBE6
- F5F0EC
- F9F5F3
- FCFAF9
Sombras
- C2B3A8
- A5988F
- 8A7F77
- 6F6660
- 564E49
- 3D3834
- 272320
- 120F0E
- 020202
Tonos
- D5C6BB
- CBBEB4
- C2B6AE
- B8AEA7
- AEA6A0
- A59E9A
- 9C9793
- 928F8D
- 898786
Armonías de color
Complementario +180°
- DFCEC2
Cocoa Parfait
- C3D5E0
≈ Icecap
Análogo -30° +30°
- DFCEC2
Cocoa Parfait
- E2CCC9
≈ Pale Berries
- D9D1BF
≈ Clam
Triádico +120° +240°
- DFCEC2
Cocoa Parfait
- C1D7D1
≈ Aquatic Edge
- D3CEE1
≈ Potentially Purple
Complementario dividido +150° +210°
- DFCEC2
Cocoa Parfait
- C0D7DA
≈ Wind Speed
- CAD2E3
≈ Pale Periwinkle
Tetrádico +90° +180° +270°
- DFCEC2
Cocoa Parfait
- C7D6C8
≈ New Moss
- C3D5E0
≈ Icecap
- DBCCDA
≈ Creamy Mauve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.74:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--cocoa-parfait: #dfcec2;
--cocoa-parfait-rgb: 223 206 194;
--cocoa-parfait-oklch: oklch(0.862 0.025 57.6);
}
.element {
color: var(--cocoa-parfait);
background-color: hsl(25 31% 82%);
border-color: oklch(0.862 0.025 57.6);
}Tailwind CSS v4
@theme {
--color-cocoa-parfait: #dfcec2;
--color-cocoa-parfait-50: #fbf4ee;
--color-cocoa-parfait-100: #efe6e0;
--color-cocoa-parfait-200: #ddd2ca;
--color-cocoa-parfait-300: #c2b5ab;
--color-cocoa-parfait-400: #aa9b90;
--color-cocoa-parfait-500: #948276;
--color-cocoa-parfait-600: #7d6e64;
--color-cocoa-parfait-700: #645850;
--color-cocoa-parfait-800: #49403a;
--color-cocoa-parfait-900: #332c28;
--color-cocoa-parfait-950: #1f1916;
}SCSS
$cocoa-parfait: #dfcec2;
$cocoa-parfait-rgb: 223, 206, 194;
$cocoa-parfait-light: mix(#fff, $cocoa-parfait, 20%);
$cocoa-parfait-dark: mix(#000, $cocoa-parfait, 20%);
.element {
color: $cocoa-parfait;
box-shadow: 0 0 0 2px rgba($cocoa-parfait, 0.35);
}