Cor nomeada · #DFCFC3
Brioche
Brioche é #DFCFC3: rgb(223 207 195), hsl(26 30% 82%), oklch(0.864 0.024 59.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Brioche color name →
#DFCFC3
oklch(0.864 0.024 59.3)
Conversões de cor
- HEX
- #dfcfc3
- RGB
- rgb(223 207 195)
- HSL
- hsl(26 30% 82%)
- HWB
- hwb(26 76% 13%)
- OKLCH
- oklch(0.864 0.024 59.3)
- OKLab
- oklab(0.864 0.012 0.021)
- CIE Lab
- lab(84.2 4.27 8.09)
- LCH
- lch(84.2 9.15 62.2)
- CMYK
- cmyk(0% 7% 13% 13%)
Tons claros · Sombras · Tons
Tons claros
- E2D4C9
- E5D8CF
- E9DDD5
- ECE2DB
- EFE7E1
- F2ECE7
- F5F0ED
- F9F5F3
- FCFAF9
Sombras
- C2B4A9
- A59990
- 8A7F78
- 6F6760
- 564F4A
- 3D3834
- 272320
- 12100E
- 020202
Tons
- D5C7BC
- CBBFB5
- C2B7AE
- B8AFA8
- AEA7A1
- A59F9A
- 9C9794
- 928F8D
- 898886
Harmonias de cor
Complementar +180°
- DFCFC3
Brioche
- C5D5E1
≈ Blue Raindrop
Análoga -30° +30°
- DFCFC3
Brioche
- E2CDC9
≈ Pale Berries
- D9D2C1
≈ Clam
Tríade +120° +240°
- DFCFC3
Brioche
- C2D8D3
≈ Geyser
- D4CFE0
≈ Dusty Plum
Complementar dividida +150° +210°
- DFCFC3
Brioche
- C1D7DB
≈ Wind Speed
- CCD2E3
≈ Sweet Emily
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.85:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--brioche: #dfcfc3;
--brioche-rgb: 223 207 195;
--brioche-oklch: oklch(0.864 0.024 59.3);
}
.element {
color: var(--brioche);
background-color: hsl(26 30% 82%);
border-color: oklch(0.864 0.024 59.3);
}Tailwind CSS v4
@theme {
--color-brioche: #dfcfc3;
--color-brioche-50: #faf4ee;
--color-brioche-100: #eee6e0;
--color-brioche-200: #dcd2ca;
--color-brioche-300: #c1b5ab;
--color-brioche-400: #aa9b91;
--color-brioche-500: #938376;
--color-brioche-600: #7c6f64;
--color-brioche-700: #635850;
--color-brioche-800: #49403a;
--color-brioche-900: #332c28;
--color-brioche-950: #1e1916;
}SCSS
$brioche: #dfcfc3;
$brioche-rgb: 223, 207, 195;
$brioche-light: mix(#fff, $brioche, 20%);
$brioche-dark: mix(#000, $brioche, 20%);
.element {
color: $brioche;
box-shadow: 0 0 0 2px rgba($brioche, 0.35);
}