Cor nomeada · #DFD6C1
Rococo Beige
Rococo Beige é #DFD6C1: rgb(223 214 193), hsl(42 32% 82%), oklch(0.878 0.03 87.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rococo Beige color name →
#DFD6C1
oklch(0.878 0.03 87.6)
Conversões de cor
- HEX
- #dfd6c1
- RGB
- rgb(223 214 193)
- HSL
- hsl(42 32% 82%)
- HWB
- hwb(42 76% 13%)
- OKLCH
- oklch(0.878 0.03 87.6)
- OKLab
- oklab(0.878 0.001 0.03)
- CIE Lab
- lab(85.94 0.61 11.58)
- LCH
- lch(85.94 11.59 87)
- CMYK
- cmyk(0% 4% 13% 13%)
Tons claros · Sombras · Tons
Tons claros
- E2DAC7
- E5DECD
- E9E2D3
- ECE6DA
- EFEAE0
- F2EEE6
- F5F3EC
- F9F7F2
- FCFBF9
Sombras
- C2BAA7
- A59E8F
- 8A8477
- 6F6A5F
- 565249
- 3D3B34
- 272520
- 12100E
- 020202
Tons
- D5CDBA
- CBC4B4
- C2BBAD
- B8B3A7
- AEAAA0
- A5A19A
- 9B9993
- 92918D
- 898886
Harmonias de cor
Complementar +180°
- DFD6C1
Rococo Beige
- CED7EB
≈ Lilac Cotton Candy
Análoga -30° +30°
- DFD6C1
Rococo Beige
- E7D2C4
≈ Ash Plum
- D5DAC4
≈ Feng Shui
Tríade +120° +240°
- DFD6C1
Rococo Beige
- C1DDE1
≈ Ice Shard Soft Blue
- E2D0E1
≈ Summer Clover
Complementar dividida +150° +210°
- DFD6C1
Rococo Beige
- C5DAE8
≈ Celestial Light
- D9D3E8
≈ Violet Crush
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.52:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--rococo-beige: #dfd6c1;
--rococo-beige-rgb: 223 214 193;
--rococo-beige-oklch: oklch(0.878 0.03 87.6);
}
.element {
color: var(--rococo-beige);
background-color: hsl(42 32% 82%);
border-color: oklch(0.878 0.03 87.6);
}Tailwind CSS v4
@theme {
--color-rococo-beige: #dfd6c1;
--color-rococo-beige-50: #f8f5ec;
--color-rococo-beige-100: #ece8dd;
--color-rococo-beige-200: #d9d4c6;
--color-rococo-beige-300: #bdb7a7;
--color-rococo-beige-400: #a69e8b;
--color-rococo-beige-500: #8f8570;
--color-rococo-beige-600: #79715f;
--color-rococo-beige-700: #605a4c;
--color-rococo-beige-800: #474237;
--color-rococo-beige-900: #312d25;
--color-rococo-beige-950: #1d1a14;
}SCSS
$rococo-beige: #dfd6c1;
$rococo-beige-rgb: 223, 214, 193;
$rococo-beige-light: mix(#fff, $rococo-beige, 20%);
$rococo-beige-dark: mix(#000, $rococo-beige, 20%);
.element {
color: $rococo-beige;
box-shadow: 0 0 0 2px rgba($rococo-beige, 0.35);
}