Colors Encyclopedia

Named color

Alexandrite

Alexandrite is an earth tone green color with HEX #3D8B74. According to Colors Encyclopedia, it has RGB 61, 139, 116, HSL 162, 39%, 39%, cool temperature, and is useful for jewel tone palettes, luxury branding, and premium interface accents.

#3D8B74 green cool earth-tone
HEX #3D8B74
RGB rgb(61, 139, 116)
HSL hsl(162 39% 39%)
CMYK cmyk(56, 0, 17, 45)
Luminance 0.2072
Contrast Black 5.14:1White 4.08:1

CSS Utilities

--color-alexandrite: #3D8B74;
.bg-alexandrite { background-color: #3D8B74; }
.text-alexandrite { color: #3D8B74; }
Open CSS utility pageReusable variables, classes, examples, and implementation notes

Machine-readable data

Machine-Readable Color Data (JSON)

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

AI-Ready Dataset v1.0.0
Luminance0.2072
Black text5.14:1AA Pass
White text4.08: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": "#3D8B74",
  "rgb": [
    61,
    139,
    116
  ],
  "hsl": [
    162,
    39,
    39
  ],
  "cmyk": [
    56,
    0,
    17,
    45
  ],
  "luminance": 0.2072,
  "contrast": {
    "black": 5.14,
    "white": 4.08
  }
}
WCAG
{
  "AA": [
    "#000000"
  ],
  "AAA": []
}
Harmonies
{
  "complementary": "#8A3D54",
  "analogous": [
    "#3D8A4C",
    "#3D7B8A"
  ],
  "triadic": [
    "#733D8A",
    "#8A733D"
  ],
  "tetradic": [
    "#4C3D8A",
    "#8A3D54",
    "#7B8A3D"
  ],
  "splitComplementary": [
    "#8A3D7B",
    "#8A4C3D"
  ],
  "monochromatic": [
    "#67BCA2",
    "#3D8B74",
    "#214A3E"
  ]
}
Variants
{
  "light": "#67BCA2",
  "dark": "#214A3E",
  "saturated": "#27A07C",
  "desaturated": "#53746A",
  "pastel": "#8DB9AC",
  "neon": "#00F0A8"
}
Pairings
{
  "best": [
    "#000000",
    "#8A3D54",
    "#3D8A4C",
    "#3D7B8A"
  ],
  "avoid": [
    "#53746A",
    "#67BCA2"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#000000"
  ],
  "lowContrast": [
    "#67BCA2",
    "#53746A"
  ]
}
Knowledge graph
{
  "nearestColors": [
    "viridian",
    "hookers-green",
    "sea-green",
    "epoxy-green",
    "eucalyptus"
  ],
  "generatedPalettes": [
    "alexandrite"
  ],
  "generatedComparisons": [
    "alexandrite-vs-hookers-green",
    "alexandrite-vs-viridian"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/earth-tone"
  ],
  "relatedTools": [
    "/harmonies/alexandrite",
    "/wcag/alexandrite",
    "/css/colors/alexandrite",
    "/hex/3d8b74"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/earth-tone"
    ],
    "narrower": [
      "/palettes/alexandrite"
    ],
    "related": [
      "/colors/viridian",
      "/colors/hookers-green",
      "/colors/sea-green",
      "/colors/epoxy-green",
      "/colors/eucalyptus",
      "/compare/alexandrite-vs-hookers-green",
      "/compare/alexandrite-vs-viridian",
      "/harmonies/alexandrite",
      "/wcag/alexandrite",
      "/css/colors/alexandrite",
      "/hex/3d8b74"
    ]
  }
}
Full JSON dataset 
{
  "slug": "alexandrite",
  "name": "Alexandrite",
  "hex": "#3D8B74",
  "uses": [
    "jewel-tone palettes",
    "luxury branding",
    "premium interface accents"
  ],
  "psychology": {
    "associations": [
      "depth",
      "richness",
      "prestige"
    ],
    "contexts": [
      "luxury",
      "fashion",
      "beauty",
      "editorial design"
    ],
    "avoidIn": [
      "minimal compliance dashboards"
    ]
  },
  "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": [
    "earth-tone"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "green",
    "cool",
    "earth-tone",
    "jewel-tone-palettes",
    "luxury-branding",
    "premium-interface-accents",
    "depth",
    "richness",
    "prestige"
  ],
  "popularity": 84,
  "rgb": [
    61,
    139,
    116
  ],
  "hsl": [
    162,
    39,
    39
  ],
  "cmyk": [
    56,
    0,
    17,
    45
  ],
  "luminance": 0.2072,
  "contrast": {
    "black": 5.14,
    "white": 4.08
  },
  "harmonies": {
    "complementary": "#8A3D54",
    "analogous": [
      "#3D8A4C",
      "#3D7B8A"
    ],
    "triadic": [
      "#733D8A",
      "#8A733D"
    ],
    "tetradic": [
      "#4C3D8A",
      "#8A3D54",
      "#7B8A3D"
    ],
    "splitComplementary": [
      "#8A3D7B",
      "#8A4C3D"
    ],
    "monochromatic": [
      "#67BCA2",
      "#3D8B74",
      "#214A3E"
    ]
  },
  "variants": {
    "light": "#67BCA2",
    "dark": "#214A3E",
    "saturated": "#27A07C",
    "desaturated": "#53746A",
    "pastel": "#8DB9AC",
    "neon": "#00F0A8"
  },
  "wcag": {
    "AA": [
      "#000000"
    ],
    "AAA": []
  },
  "css": {
    "variable": "--color-alexandrite: #3D8B74;",
    "utility": ".bg-alexandrite { background-color: #3D8B74; }",
    "textUtility": ".text-alexandrite { color: #3D8B74; }"
  },
  "nearestColors": [
    "viridian",
    "hookers-green",
    "sea-green",
    "epoxy-green",
    "eucalyptus"
  ],
  "generatedPalettes": [
    "alexandrite"
  ],
  "generatedComparisons": [
    "alexandrite-vs-hookers-green",
    "alexandrite-vs-viridian"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/earth-tone"
  ],
  "relatedTools": [
    "/harmonies/alexandrite",
    "/wcag/alexandrite",
    "/css/colors/alexandrite",
    "/hex/3d8b74"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/earth-tone"
    ],
    "narrower": [
      "/palettes/alexandrite"
    ],
    "related": [
      "/colors/viridian",
      "/colors/hookers-green",
      "/colors/sea-green",
      "/colors/epoxy-green",
      "/colors/eucalyptus",
      "/compare/alexandrite-vs-hookers-green",
      "/compare/alexandrite-vs-viridian",
      "/harmonies/alexandrite",
      "/wcag/alexandrite",
      "/css/colors/alexandrite",
      "/hex/3d8b74"
    ]
  },
  "pairings": {
    "best": [
      "#000000",
      "#8A3D54",
      "#3D8A4C",
      "#3D7B8A"
    ],
    "avoid": [
      "#53746A",
      "#67BCA2"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#000000"
    ],
    "lowContrast": [
      "#67BCA2",
      "#53746A"
    ]
  }
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Color meaning and use

About Alexandrite Color

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

Its common associations include depth, richness, and prestige, which makes it relevant for luxury and fashion. In design work, Alexandrite is most useful for jewel-tone palettes, luxury branding, and premium interface accents, especially when paired with black text for stronger contrast.

Related Color Guides

Green color familyBrowse named green colors and compare nearby swatches.Cool colorsExplore colors with cool temperature behavior.Earth Tone colorsFind colors with earth tone visual character.Alexandrite accessibilityCheck contrast and WCAG text options for #3D8B74.Alexandrite CSS utilitiesUse Alexandrite in CSS variables and utility classes.#3D8B74 HEX atlasOpen the permanent HEX atlas record for conversions and variants.Alexandrite paletteOpen the generated palette based on Alexandrite.Alexandrite harmoniesExplore complementary, analogous, triadic, and tetradic harmonies.

WCAG Accessibility

Contrast checks for Alexandrite against black and white text.

Black text5.14:1AA Pass
White text4.08:1AA Fail
AA text options#000000
AAA text optionsNone in seed set
Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Similar Colors

Viridian#40826D
Hookers Green#49796B
Sea Green#2E8B57
Epoxy Green#4E8A57
Eucalyptus#5F8575

Color Harmonies

#8A3D54#8A3D54
#3D8A4C#3D8A4C
#3D7B8A#3D7B8A
#733D8A#733D8A
#8A733D#8A733D
Open full Alexandrite harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

#67BCA2#67BCA2
#214A3E#214A3E
#27A07C#27A07C
#53746A#53746A
#8DB9AC#8DB9AC
#00F0A8#00F0A8

Pairings

Black#000000
#8A3D54#8A3D54
#3D8A4C#3D8A4C
#3D7B8A#3D7B8A
Matte Black#1A1A1A
White Smoke#F5F5F5