Colore con nome · #CCC1AB
Ancient Relic
Ancient Relic è #CCC1AB: rgb(204 193 171), hsl(40 24% 74%), oklch(0.814 0.032 84.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ancient Relic color name →
#CCC1AB
oklch(0.814 0.032 84.6)
Conversioni di colore
- HEX
- #ccc1ab
- RGB
- rgb(204 193 171)
- HSL
- hsl(40 24% 74%)
- HWB
- hwb(40 67% 20%)
- OKLCH
- oklch(0.814 0.032 84.6)
- OKLab
- oklab(0.814 0.003 0.032)
- CIE Lab
- lab(78.54 1.29 12.58)
- LCH
- lch(78.54 12.65 84.2)
- CMYK
- cmyk(0% 5% 16% 20%)
Tinte · Ombre · Toni
Tinte
- D1C7B3
- D6CDBB
- DBD3C4
- E0D9CC
- E5E0D4
- EAE6DD
- F0ECE5
- F5F2EE
- FAF9F6
Ombre
- B1A794
- 978F7E
- 7E7768
- 655F54
- 4E4940
- 37342D
- 22201B
- 0F0E0B
- 020201
Toni
- C4BAA7
- BCB4A2
- B5AD9E
- ADA69A
- A5A095
- 9E9991
- 96938D
- 8F8D89
- 878684
Armonie di colore
Complementare +180°
- CCC1AB
Ancient Relic
- B8C2D8
≈ Virginia Blue
Analogo -30° +30°
- CCC1AB
Ancient Relic
- D4BDAF
≈ Desert Fortress
- C1C5AD
≈ Sicily Sea
Triadico +120° +240°
- CCC1AB
Ancient Relic
- ABC9CC
≈ Floating Blue
- CDBBCE
≈ Last of the Lilacs
Complementare divisa +150° +210°
- CCC1AB
Ancient Relic
- AFC6D4
≈ Twinkle
- C3BFD6
≈ Purpling Dawn
Tetradico +90° +180° +270°
- CCC1AB
Ancient Relic
- AEC9C1
≈ Nadia
- B8C2D8
≈ Virginia Blue
- D4BAC3
≈ Queen’s Tart
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.78:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--ancient-relic: #ccc1ab;
--ancient-relic-rgb: 204 193 171;
--ancient-relic-oklch: oklch(0.814 0.032 84.6);
}
.element {
color: var(--ancient-relic);
background-color: hsl(40 24% 74%);
border-color: oklch(0.814 0.032 84.6);
}Tailwind CSS v4
@theme {
--color-ancient-relic: #ccc1ab;
--color-ancient-relic-50: #f9f5eb;
--color-ancient-relic-100: #ede7dc;
--color-ancient-relic-200: #dad4c5;
--color-ancient-relic-300: #bfb7a5;
--color-ancient-relic-400: #a79d89;
--color-ancient-relic-500: #90856e;
--color-ancient-relic-600: #7a705d;
--color-ancient-relic-700: #625a4a;
--color-ancient-relic-800: #484236;
--color-ancient-relic-900: #322d25;
--color-ancient-relic-950: #1e1a13;
}SCSS
$ancient-relic: #ccc1ab;
$ancient-relic-rgb: 204, 193, 171;
$ancient-relic-light: mix(#fff, $ancient-relic, 20%);
$ancient-relic-dark: mix(#000, $ancient-relic, 20%);
.element {
color: $ancient-relic;
box-shadow: 0 0 0 2px rgba($ancient-relic, 0.35);
}