Cor nomeada · #DFCEC2
Cocoa Parfait
Cocoa Parfait é #DFCEC2: rgb(223 206 194), hsl(25 31% 82%), oklch(0.862 0.025 57.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cocoa Parfait color name →
#DFCEC2
oklch(0.862 0.025 57.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E2D3C8
- E5D8CE
- E9DDD4
- ECE1DA
- EFE6E0
- F2EBE6
- F5F0EC
- F9F5F3
- FCFAF9
Sombras
- C2B3A8
- A5988F
- 8A7F77
- 6F6660
- 564E49
- 3D3834
- 272320
- 120F0E
- 020202
Tons
- D5C6BB
- CBBEB4
- C2B6AE
- B8AEA7
- AEA6A0
- A59E9A
- 9C9793
- 928F8D
- 898786
Harmonias de cor
Complementar +180°
- DFCEC2
Cocoa Parfait
- C3D5E0
≈ Icecap
Análoga -30° +30°
- DFCEC2
Cocoa Parfait
- E2CCC9
≈ Pale Berries
- D9D1BF
≈ Clam
Tríade +120° +240°
- DFCEC2
Cocoa Parfait
- C1D7D1
≈ Aquatic Edge
- D3CEE1
≈ Potentially Purple
Complementar dividida +150° +210°
- DFCEC2
Cocoa Parfait
- C0D7DA
≈ Wind Speed
- CAD2E3
≈ Pale Periwinkle
Tétrade +90° +180° +270°
- DFCEC2
Cocoa Parfait
- C7D6C8
≈ New Moss
- C3D5E0
≈ Icecap
- DBCCDA
≈ Creamy Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.74:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos 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);
}