Named color

Celadon

Celadon is a balanced green color with HEX #ACE1AF. According to Colors Encyclopedia, it has RGB 172, 225, 175, HSL 123, 47%, 78%, cool temperature, and is useful for natural palettes, wellness branding, and sustainability design.

#ACE1AF green cool balanced

HEX #ACE1AF

RGB rgb(172, 225, 175)

HSL hsl(123 47% 78%)

CMYK cmyk(24, 0, 22, 12)

Luminance 0.6572

Contrast Black 14.14:1White 1.48:1

CSS Utilities

--color-celadon: #ACE1AF;
.bg-celadon { background-color: #ACE1AF; }
.text-celadon { color: #ACE1AF; }

Open CSS utility pageReusable variables, classes, examples, and implementation notes

Luminance0.6572

Black text14.14:1AA Pass

White text1.48: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

Structured sections

Color systems

{
  "hex": "#ACE1AF",
  "rgb": [
    172,
    225,
    175
  ],
  "hsl": [
    123,
    47,
    78
  ],
  "cmyk": [
    24,
    0,
    22,
    12
  ],
  "luminance": 0.6572,
  "contrast": {
    "black": 14.14,
    "white": 1.48
  }
}

WCAG

{
  "AA": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "AAA": [
    "#000000",
    "#1A1A1A"
  ]
}

Harmonies

{
  "complementary": "#E1ADDF",
  "analogous": [
    "#C4E1AD",
    "#ADE1CA"
  ],
  "triadic": [
    "#AFADE1",
    "#E1AFAD"
  ],
  "tetradic": [
    "#ADC4E1",
    "#E1ADDF",
    "#E1CAAD"
  ],
  "splitComplementary": [
    "#CAADE1",
    "#E1ADC4"
  ],
  "monochromatic": [
    "#F0FAF0",
    "#ACE1AF",
    "#69C96E"
  ]
}

Variants

{
  "light": "#F0FAF0",
  "dark": "#69C96E",
  "saturated": "#A0EEA4",
  "desaturated": "#B9D5BA",
  "pastel": "#FFFFFF",
  "neon": "#B8FFBB"
}

Pairings

{
  "best": [
    "#000000",
    "#E1ADDF",
    "#C4E1AD",
    "#ADE1CA"
  ],
  "avoid": [
    "#B9D5BA",
    "#F0FAF0"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#000000"
  ],
  "lowContrast": [
    "#F0FAF0",
    "#B9D5BA"
  ]
}

Knowledge graph

{
  "nearestColors": [
    "pastel-green",
    "seafoam",
    "opal",
    "ash-gray",
    "lichen"
  ],
  "generatedPalettes": [
    "celadon"
  ],
  "generatedComparisons": [
    "celadon-vs-pastel-green",
    "celadon-vs-seafoam"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/balanced"
  ],
  "relatedTools": [
    "/harmonies/celadon",
    "/wcag/celadon",
    "/css/colors/celadon",
    "/hex/ace1af"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/balanced"
    ],
    "narrower": [
      "/palettes/celadon"
    ],
    "related": [
      "/colors/pastel-green",
      "/colors/seafoam",
      "/colors/opal",
      "/colors/ash-gray",
      "/colors/lichen",
      "/compare/celadon-vs-pastel-green",
      "/compare/celadon-vs-seafoam",
      "/harmonies/celadon",
      "/wcag/celadon",
      "/css/colors/celadon",
      "/hex/ace1af"
    ]
  }
}

Full JSON dataset

{
  "slug": "celadon",
  "name": "Celadon",
  "hex": "#ACE1AF",
  "uses": [
    "natural palettes",
    "wellness branding",
    "sustainability design"
  ],
  "psychology": {
    "associations": [
      "nature",
      "growth",
      "balance"
    ],
    "contexts": [
      "wellness",
      "outdoor brands",
      "gardening",
      "organic products"
    ],
    "avoidIn": [
      "urgent error states"
    ]
  },
  "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 and editorial color systems."
  },
  "family": "green",
  "temperature": "cool",
  "tone": [
    "balanced"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "green",
    "cool",
    "balanced",
    "natural-palettes",
    "wellness-branding",
    "sustainability-design",
    "nature",
    "growth",
    "balance"
  ],
  "popularity": 80,
  "rgb": [
    172,
    225,
    175
  ],
  "hsl": [
    123,
    47,
    78
  ],
  "cmyk": [
    24,
    0,
    22,
    12
  ],
  "luminance": 0.6572,
  "contrast": {
    "black": 14.14,
    "white": 1.48
  },
  "harmonies": {
    "complementary": "#E1ADDF",
    "analogous": [
      "#C4E1AD",
      "#ADE1CA"
    ],
    "triadic": [
      "#AFADE1",
      "#E1AFAD"
    ],
    "tetradic": [
      "#ADC4E1",
      "#E1ADDF",
      "#E1CAAD"
    ],
    "splitComplementary": [
      "#CAADE1",
      "#E1ADC4"
    ],
    "monochromatic": [
      "#F0FAF0",
      "#ACE1AF",
      "#69C96E"
    ]
  },
  "variants": {
    "light": "#F0FAF0",
    "dark": "#69C96E",
    "saturated": "#A0EEA4",
    "desaturated": "#B9D5BA",
    "pastel": "#FFFFFF",
    "neon": "#B8FFBB"
  },
  "wcag": {
    "AA": [
      "#000000",
      "#1A1A1A",
      "#36454F"
    ],
    "AAA": [
      "#000000",
      "#1A1A1A"
    ]
  },
  "css": {
    "variable": "--color-celadon: #ACE1AF;",
    "utility": ".bg-celadon { background-color: #ACE1AF; }",
    "textUtility": ".text-celadon { color: #ACE1AF; }"
  },
  "nearestColors": [
    "pastel-green",
    "seafoam",
    "opal",
    "ash-gray",
    "lichen"
  ],
  "generatedPalettes": [
    "celadon"
  ],
  "generatedComparisons": [
    "celadon-vs-pastel-green",
    "celadon-vs-seafoam"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/balanced"
  ],
  "relatedTools": [
    "/harmonies/celadon",
    "/wcag/celadon",
    "/css/colors/celadon",
    "/hex/ace1af"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/balanced"
    ],
    "narrower": [
      "/palettes/celadon"
    ],
    "related": [
      "/colors/pastel-green",
      "/colors/seafoam",
      "/colors/opal",
      "/colors/ash-gray",
      "/colors/lichen",
      "/compare/celadon-vs-pastel-green",
      "/compare/celadon-vs-seafoam",
      "/harmonies/celadon",
      "/wcag/celadon",
      "/css/colors/celadon",
      "/hex/ace1af"
    ]
  },
  "pairings": {
    "best": [
      "#000000",
      "#E1ADDF",
      "#C4E1AD",
      "#ADE1CA"
    ],
    "avoid": [
      "#B9D5BA",
      "#F0FAF0"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#000000"
    ],
    "lowContrast": [
      "#F0FAF0",
      "#B9D5BA"
    ]
  }
}

Color meaning and use

About Celadon Color

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

Its common associations include nature, growth, and balance, which makes it relevant for wellness and outdoor brands. In design work, Celadon is most useful for natural palettes, wellness branding, and sustainability design, especially when paired with black text for stronger contrast.

WCAG Accessibility

Contrast checks for Celadon against black and white text.

Black text14.14:1AA Pass

White text1.48:1AA Fail

AA text options#000000, #1A1A1A, #36454F

AAA text options#000000, #1A1A1A

Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Similar Colors

Pastel Green#C1E1C1

Seafoam#93E9BE

Opal#A8C3BC

Ash Gray#B2BEB5

Lichen#9BC4A2

Color Harmonies

#E1ADDF#E1ADDF

#C4E1AD#C4E1AD

#ADE1CA#ADE1CA

#AFADE1#AFADE1

#E1AFAD#E1AFAD

Open full Celadon harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

#F0FAF0#F0FAF0

#69C96E#69C96E

#A0EEA4#A0EEA4

#B9D5BA#B9D5BA

White#FFFFFF

#B8FFBB#B8FFBB

Pairings

Black#000000

#E1ADDF#E1ADDF

#C4E1AD#C4E1AD

#ADE1CA#ADE1CA

Matte Black#1A1A1A

White Smoke#F5F5F5

Celadon

CSS Utilities

Machine-Readable Color Data (JSON)

About Celadon Color

Related Color Guides

WCAG Accessibility

Similar Colors

Color Harmonies

Variants

Pairings