Named color

Pumice

Pumice is a muted green color with HEX #BAC0B4. According to Colors Encyclopedia, it has RGB 186, 192, 180, HSL 90, 9%, 73%, cool temperature, and is useful for earth tone palettes, interior design, and material inspired branding.

HEX #BAC0B4
RGB rgb(186, 192, 180)
HSL hsl(90 9% 73%)
CMYK cmyk(3, 0, 6, 25)
Luminance 0.5143
Contrast Black 11.29:1White 1.86:1

CSS Utilities

--color-pumice: #BAC0B4;
.bg-pumice { background-color: #BAC0B4; }
.text-pumice { color: #BAC0B4; }

Machine-readable data

Machine-Readable Color Data (JSON)

Perfect for CSS, design systems, automation, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.5143
Black text11.29:1AA Pass
White text1.86:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Color systems
{
  "hex": "#BAC0B4",
  "rgb": [
    186,
    192,
    180
  ],
  "hsl": [
    90,
    9,
    73
  ],
  "cmyk": [
    3,
    0,
    6,
    25
  ],
  "luminance": 0.5143,
  "contrast": {
    "black": 11.29,
    "white": 1.86
  }
}
WCAG
{
  "AA": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "AAA": [
    "#000000",
    "#1A1A1A"
  ]
}
Harmonies
{
  "complementary": "#BAB4C0",
  "analogous": [
    "#C0C0B4",
    "#B4C0B4"
  ],
  "triadic": [
    "#B4BAC0",
    "#C0B4BA"
  ],
  "tetradic": [
    "#B4C0C0",
    "#BAB4C0",
    "#C0B4B4"
  ],
  "splitComplementary": [
    "#B4B4C0",
    "#C0B4C0"
  ],
  "monochromatic": [
    "#E8EAE6",
    "#BAC0B4",
    "#8C9782"
  ]
}
Variants
{
  "light": "#E8EAE6",
  "dark": "#8C9782",
  "saturated": "#BACFA5",
  "desaturated": "#BABABA",
  "pastel": "#FAFAFA",
  "neon": "#CFFF9E"
}
Pairings
{
  "best": [
    "#000000",
    "#BAB4C0",
    "#C0C0B4",
    "#B4C0B4"
  ],
  "avoid": [
    "#BABABA",
    "#E8EAE6"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#000000"
  ],
  "lowContrast": [
    "#E8EAE6",
    "#BABABA"
  ]
}
Knowledge graph
{
  "nearestColors": [
    "ash-gray",
    "silver",
    "opal",
    "galvanized-steel",
    "silver-metallic"
  ],
  "generatedPalettes": [
    "pumice"
  ],
  "generatedComparisons": [
    "ash-gray-vs-pumice",
    "opal-vs-pumice",
    "pumice-vs-silver"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/muted"
  ],
  "relatedTools": [
    "/harmonies/pumice",
    "/wcag/pumice",
    "/css/colors/pumice",
    "/hex/bac0b4"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/muted"
    ],
    "narrower": [
      "/palettes/pumice"
    ],
    "related": [
      "/colors/ash-gray",
      "/colors/silver",
      "/colors/opal",
      "/colors/galvanized-steel",
      "/colors/silver-metallic",
      "/compare/ash-gray-vs-pumice",
      "/compare/opal-vs-pumice",
      "/compare/pumice-vs-silver",
      "/harmonies/pumice",
      "/wcag/pumice",
      "/css/colors/pumice",
      "/hex/bac0b4"
    ]
  }
}
Full JSON dataset
{
  "slug": "pumice",
  "name": "Pumice",
  "hex": "#BAC0B4",
  "uses": [
    "earth-tone palettes",
    "interior design",
    "material-inspired branding"
  ],
  "psychology": {
    "associations": [
      "groundedness",
      "warmth",
      "natural texture"
    ],
    "contexts": [
      "architecture",
      "home decor",
      "outdoor products",
      "editorial layouts"
    ],
    "avoidIn": [
      "high-saturation futuristic interfaces"
    ]
  },
  "aliases": [],
  "sourceType": "curated",
  "confidence": "medium",
  "reviewStatus": "manual",
  "sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
  "origin": {
    "type": "common",
    "notes": "Curated common color reference used in design, material, cultural, and editorial color systems."
  },
  "family": "green",
  "temperature": "cool",
  "tone": [
    "muted"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "green",
    "cool",
    "muted",
    "earth-tone-palettes",
    "interior-design",
    "material-inspired-branding",
    "groundedness",
    "warmth",
    "natural-texture"
  ],
  "popularity": 84,
  "rgb": [
    186,
    192,
    180
  ],
  "hsl": [
    90,
    9,
    73
  ],
  "cmyk": [
    3,
    0,
    6,
    25
  ],
  "luminance": 0.5143,
  "contrast": {
    "black": 11.29,
    "white": 1.86
  },
  "harmonies": {
    "complementary": "#BAB4C0",
    "analogous": [
      "#C0C0B4",
      "#B4C0B4"
    ],
    "triadic": [
      "#B4BAC0",
      "#C0B4BA"
    ],
    "tetradic": [
      "#B4C0C0",
      "#BAB4C0",
      "#C0B4B4"
    ],
    "splitComplementary": [
      "#B4B4C0",
      "#C0B4C0"
    ],
    "monochromatic": [
      "#E8EAE6",
      "#BAC0B4",
      "#8C9782"
    ]
  },
  "variants": {
    "light": "#E8EAE6",
    "dark": "#8C9782",
    "saturated": "#BACFA5",
    "desaturated": "#BABABA",
    "pastel": "#FAFAFA",
    "neon": "#CFFF9E"
  },
  "wcag": {
    "AA": [
      "#000000",
      "#1A1A1A",
      "#36454F"
    ],
    "AAA": [
      "#000000",
      "#1A1A1A"
    ]
  },
  "css": {
    "variable": "--color-pumice: #BAC0B4;",
    "utility": ".bg-pumice { background-color: #BAC0B4; }",
    "textUtility": ".text-pumice { color: #BAC0B4; }"
  },
  "nearestColors": [
    "ash-gray",
    "silver",
    "opal",
    "galvanized-steel",
    "silver-metallic"
  ],
  "generatedPalettes": [
    "pumice"
  ],
  "generatedComparisons": [
    "ash-gray-vs-pumice",
    "opal-vs-pumice",
    "pumice-vs-silver"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/muted"
  ],
  "relatedTools": [
    "/harmonies/pumice",
    "/wcag/pumice",
    "/css/colors/pumice",
    "/hex/bac0b4"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/muted"
    ],
    "narrower": [
      "/palettes/pumice"
    ],
    "related": [
      "/colors/ash-gray",
      "/colors/silver",
      "/colors/opal",
      "/colors/galvanized-steel",
      "/colors/silver-metallic",
      "/compare/ash-gray-vs-pumice",
      "/compare/opal-vs-pumice",
      "/compare/pumice-vs-silver",
      "/harmonies/pumice",
      "/wcag/pumice",
      "/css/colors/pumice",
      "/hex/bac0b4"
    ]
  },
  "pairings": {
    "best": [
      "#000000",
      "#BAB4C0",
      "#C0C0B4",
      "#B4C0B4"
    ],
    "avoid": [
      "#BABABA",
      "#E8EAE6"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#000000"
    ],
    "lowContrast": [
      "#E8EAE6",
      "#BABABA"
    ]
  }
}

Color meaning and use

About Pumice Color

Pumice sits in the green family with cool temperature and muted visual character. Pumice is a commonly used color name in design references, palettes, and editorial color systems.

Its common associations include groundedness, warmth, and natural texture, which makes it relevant for architecture and home decor. In design work, Pumice is most useful for earth-tone palettes, interior design, and material-inspired branding, especially when paired with black text for stronger contrast.

WCAG Accessibility

Contrast checks for Pumice against black and white text.

Black text11.29:1AA Pass
White text1.86:1AA Fail
AA text options#000000, #1A1A1A, #36454F
AAA text options#000000, #1A1A1A

Similar Colors

Color Harmonies

#BAB4C0#BAB4C0
#C0C0B4#C0C0B4
#B4C0B4#B4C0B4
#B4BAC0#B4BAC0
#C0B4BA#C0B4BA

Variants

#E8EAE6#E8EAE6
#8C9782#8C9782
#BACFA5#BACFA5
#BABABA#BABABA
#FAFAFA#FAFAFA
#CFFF9E#CFFF9E

Pairings

Black#000000
#BAB4C0#BAB4C0
#C0C0B4#C0C0B4
#B4C0B4#B4C0B4
Matte Black#1A1A1A
White Smoke#F5F5F5