Cor nomeada · #DED8D4
Ancient Stone
Ancient Stone é #DED8D4: rgb(222 216 212), hsl(24 13% 85%), oklch(0.886 0.009 56.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ancient Stone color name →
#DED8D4
oklch(0.886 0.009 56.3)
Conversões de cor
- HEX
- #ded8d4
- RGB
- rgb(222 216 212)
- HSL
- hsl(24 13% 85%)
- HWB
- hwb(24 83% 13%)
- OKLCH
- oklch(0.886 0.009 56.3)
- OKLab
- oklab(0.886 0.005 0.007)
- CIE Lab
- lab(86.74 1.6 2.74)
- LCH
- lch(86.74 3.18 59.7)
- CMYK
- cmyk(0% 3% 5% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1DCD8
- E5E0DC
- E8E4E1
- EBE7E5
- EEEBE9
- F2EFEE
- F5F3F2
- F8F7F6
- FCFBFB
Sombras
- C1BCB8
- A5A09D
- 898583
- 6F6B69
- 555351
- 3D3B3A
- 262524
- 121110
- 020202
Tons
- D4CFCB
- CAC6C3
- C1BDBA
- B7B4B1
- AEABA9
- A4A2A1
- 9B9A98
- 929190
- 898888
Harmonias de cor
Complementar +180°
- DED8D4
Ancient Stone
- D4DADE
≈ Rinse
Análoga -30° +30°
- DED8D4
Ancient Stone
- DFD7D6
≈ Cautious Grey
- DCD9D3
≈ First Star
Tríade +120° +240°
- DED8D4
Ancient Stone
- D4DBD9
≈ Urban Mist
- DAD8DE
≈ Petal Tip
Complementar dividida +150° +210°
- DED8D4
Ancient Stone
- D3DBDC
≈ Ripple
- D7D9DF
≈ Petal Tip
Tétrade +90° +180° +270°
- DED8D4
Ancient Stone
- D6DBD6
≈ Silvery Streak
- D4DADE
≈ Rinse
- DCD7DC
≈ Pearl Pebble
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.87:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--ancient-stone: #ded8d4;
--ancient-stone-rgb: 222 216 212;
--ancient-stone-oklch: oklch(0.886 0.009 56.3);
}
.element {
color: var(--ancient-stone);
background-color: hsl(24 13% 85%);
border-color: oklch(0.886 0.009 56.3);
}Tailwind CSS v4
@theme {
--color-ancient-stone: #ded8d4;
--color-ancient-stone-50: #f7f4f3;
--color-ancient-stone-100: #eae7e5;
--color-ancient-stone-200: #d7d3d1;
--color-ancient-stone-300: #bbb6b3;
--color-ancient-stone-400: #a39d9a;
--color-ancient-stone-500: #8b8581;
--color-ancient-stone-600: #75706d;
--color-ancient-stone-700: #5e5a57;
--color-ancient-stone-800: #454240;
--color-ancient-stone-900: #302d2c;
--color-ancient-stone-950: #1c1a19;
}SCSS
$ancient-stone: #ded8d4;
$ancient-stone-rgb: 222, 216, 212;
$ancient-stone-light: mix(#fff, $ancient-stone, 20%);
$ancient-stone-dark: mix(#000, $ancient-stone, 20%);
.element {
color: $ancient-stone;
box-shadow: 0 0 0 2px rgba($ancient-stone, 0.35);
}