Colore con nome · #CAC2B9
Pumice Stone
Pumice Stone è #CAC2B9: rgb(202 194 185), hsl(32 14% 76%), oklch(0.818 0.015 70.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pumice Stone color name →
#CAC2B9
oklch(0.818 0.015 70.9)
Conversioni di colore
- HEX
- #cac2b9
- RGB
- rgb(202 194 185)
- HSL
- hsl(32 14% 76%)
- HWB
- hwb(32 73% 21%)
- OKLCH
- oklch(0.818 0.015 70.9)
- OKLab
- oklab(0.818 0.005 0.015)
- CIE Lab
- lab(78.9 1.73 5.59)
- LCH
- lch(78.9 5.85 72.8)
- CMYK
- cmyk(0% 4% 8% 21%)
Tinte · Ombre · Toni
Tinte
- CFC8C0
- D4CEC7
- DAD4CE
- DFDAD5
- E4E0DC
- EAE6E3
- EFECEA
- F4F3F1
- FAF9F8
Ombre
- AFA8A0
- 958F89
- 7C7771
- 64605B
- 4D4946
- 373431
- 22201E
- 0F0E0D
- 020202
Toni
- C2BBB3
- BBB4AD
- B3AEA8
- ACA7A2
- A4A09C
- 9D9A96
- 969391
- 8E8D8B
- 878686
Armonie di colore
Complementare +180°
- CAC2B9
Pumice Stone
- BCC4CD
≈ Blue Dolphin
Analogo -30° +30°
- CAC2B9
Pumice Stone
- CDC0BC
≈ Vintage Taupe
- C5C4B9
≈ Grey Ashlar
Triadico +120° +240°
- CAC2B9
Pumice Stone
- B9C7C6
≈ Oceanic Climate
- C7C1CB
≈ Lavender Vapour
Complementare divisa +150° +210°
- CAC2B9
Pumice Stone
- B9C6CA
≈ Soft Denim
- C1C3CE
≈ Powder Lilac
Tetradico +90° +180° +270°
- CAC2B9
Pumice Stone
- BBC7C0
≈ Resting Place
- BCC4CD
≈ Blue Dolphin
- CBC0C6
≈ Silk Chiffon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.92:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--pumice-stone: #cac2b9;
--pumice-stone-rgb: 202 194 185;
--pumice-stone-oklch: oklch(0.818 0.015 70.9);
}
.element {
color: var(--pumice-stone);
background-color: hsl(32 14% 76%);
border-color: oklch(0.818 0.015 70.9);
}Tailwind CSS v4
@theme {
--color-pumice-stone: #cac2b9;
--color-pumice-stone-50: #f8f4f0;
--color-pumice-stone-100: #ebe7e2;
--color-pumice-stone-200: #d8d3cd;
--color-pumice-stone-300: #bcb6af;
--color-pumice-stone-400: #a49d95;
--color-pumice-stone-500: #8d857b;
--color-pumice-stone-600: #777069;
--color-pumice-stone-700: #5f5a53;
--color-pumice-stone-800: #46413d;
--color-pumice-stone-900: #302d2a;
--color-pumice-stone-950: #1d1a17;
}SCSS
$pumice-stone: #cac2b9;
$pumice-stone-rgb: 202, 194, 185;
$pumice-stone-light: mix(#fff, $pumice-stone, 20%);
$pumice-stone-dark: mix(#000, $pumice-stone, 20%);
.element {
color: $pumice-stone;
box-shadow: 0 0 0 2px rgba($pumice-stone, 0.35);
}