Colors Encyclopedia

Named color

Morganite

Morganite color #F5C6C6: RGB 245, 198, 198 and HSL 0°, 70%, 87%. Explore its warm red profile, contrast, CSS, palettes and harmonies.

#F5C6C6 red warm lightpastel
HEX #F5C6C6
RGB rgb(245, 198, 198)
HSL hsl(0 70% 87%)
CMYK cmyk(0, 19, 19, 4)
Luminance 0.6388
Contrast Black 13.78:1White 1.52:1

Use this color

Create with Morganite

Open a professional color tool with #F5C6C6 already applied. Each configuration stays canonical to the tool and can be adjusted or shared.

All color tools
Generate palette & CSS variablesCreate 50–950 tokens and export CSS, SCSS, JSON, or Tailwind.Open configured tool →Open in Gradient StudioStart with Morganite and its complementary color.Open configured tool →Mix this colorBlend it with a complementary color and copy color-mix() CSS.Open configured tool →Check contrastOpen the strongest black or white background pairing.Open configured tool →Accessible combinationsReview AA and AAA text options, alternatives, warnings, and UI guidance.Open configured tool →Create glass surfaceUse this color as the tint for a translucent UI panel.Open configured tool →

CSS Utilities

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

Color history, meaning and use · Editorially reviewed

About Morganite Color

Morganite is the pink to orange-pink variety of beryl, related mineralogically to emerald and aquamarine. Traces of manganese create its subtle color, and natural material often includes a salmon-like orange component. Heat treatment may shift that appearance toward a purer pink.

Digital Morganite is a restrained warm pink suited to soft interfaces, beauty palettes, and mineral-inspired neutrals. Strong natural color is uncommon and larger stones may show it more clearly, so a saturated flat swatch can easily overstate the typical gem. Brown, cream, and deep green companions help preserve its warmth without making the palette uniformly pastel.

The HEX value is not a gemological grade, treatment disclosure, mineral identification, or universal sample of morganite.

WCAG Accessibility

Contrast checks for Morganite against black and white text.

Black text13.78:1AA Pass
White text1.52:1AA Fail
AA text options#000000, #1A1A1A, #36454F
AAA text options#000000, #1A1A1A
Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Downloadable color reference infographic

Morganite Color Reference Infographic

Save a high-resolution infographic of Morganite, including its color values, coordinated palette, and black and white text contrast.

1200 × 800
Morganite color reference infographic showing #F5C6C6, RGB and HSL values, a coordinated palette, and black and white text contrast.
Morganite color reference infographic generated from the verified Colors Encyclopedia dataset.
Download WebPDownload SVGOpen full size

Color Harmonies

#C7F5F5#C7F5F5#F5C7DE#F5C7DE#F5DEC7#F5DEC7#C7F5C7#C7F5C7#C7C7F5#C7C7F5
Open full Morganite harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

White#FFFFFF#E77979#E77979#FCBFBF#FCBFBF#EECECE#EECECEWhite#FFFFFF#FFE5E5#FFE5E5

Pairings

Black#000000#C7F5F5#C7F5F5#F5C7DE#F5C7DE#F5DEC7#F5DEC7Matte Black#1A1A1AWhite Smoke#F5F5F5

Machine-readable data

Machine-Readable Color Data (JSON)

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

AI-Ready Dataset v1.0.0
Luminance0.6388
Black text13.78:1AA Pass
White text1.52: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": "#F5C6C6",
  "rgb": [
    245,
    198,
    198
  ],
  "hsl": [
    0,
    70,
    87
  ],
  "cmyk": [
    0,
    19,
    19,
    4
  ],
  "luminance": 0.6388,
  "contrast": {
    "black": 13.78,
    "white": 1.52
  }
}
WCAG
{
  "AA": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "AAA": [
    "#000000",
    "#1A1A1A"
  ]
}
Harmonies
{
  "complementary": "#C7F5F5",
  "analogous": [
    "#F5C7DE",
    "#F5DEC7"
  ],
  "triadic": [
    "#C7F5C7",
    "#C7C7F5"
  ],
  "tetradic": [
    "#DEF5C7",
    "#C7F5F5",
    "#DEC7F5"
  ],
  "splitComplementary": [
    "#C7F5DE",
    "#C7DEF5"
  ],
  "monochromatic": [
    "#FFFFFF",
    "#F5C6C6",
    "#E77979"
  ]
}
Variants
{
  "light": "#FFFFFF",
  "dark": "#E77979",
  "saturated": "#FCBFBF",
  "desaturated": "#EECECE",
  "pastel": "#FFFFFF",
  "neon": "#FFE5E5"
}
Pairings
{
  "best": [
    "#000000",
    "#C7F5F5",
    "#F5C7DE",
    "#F5DEC7"
  ],
  "avoid": [
    "#EECECE",
    "#FFFFFF"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#000000"
  ],
  "lowContrast": [
    "#FFFFFF",
    "#EECECE"
  ]
}
Knowledge graph
{
  "nearestColors": [
    "baby-pink",
    "orchid-pink",
    "pink",
    "feldspar",
    "cherry-blossom"
  ],
  "generatedPalettes": [
    "morganite"
  ],
  "generatedComparisons": [
    "baby-pink-vs-morganite",
    "morganite-vs-orchid-pink"
  ],
  "relatedFamilies": [
    "/colors/by-family/red",
    "/colors/by-temperature/warm",
    "/colors/by-tone/light",
    "/colors/by-tone/pastel"
  ],
  "relatedTools": [
    "/harmonies/morganite",
    "/wcag/morganite",
    "/css/colors/morganite",
    "/hex/f5c6c6",
    "/tools/css-gradient-generator",
    "/tools/color-palette-generator",
    "/tools/css-color-mixer",
    "/tools/contrast-checker"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/red",
      "/colors/by-temperature/warm",
      "/colors/by-tone/light",
      "/colors/by-tone/pastel"
    ],
    "narrower": [
      "/palettes/morganite"
    ],
    "related": [
      "/colors/baby-pink",
      "/colors/orchid-pink",
      "/colors/pink",
      "/colors/feldspar",
      "/colors/cherry-blossom",
      "/compare/baby-pink-vs-morganite",
      "/compare/morganite-vs-orchid-pink",
      "/harmonies/morganite",
      "/wcag/morganite",
      "/css/colors/morganite",
      "/hex/f5c6c6",
      "/tools/css-gradient-generator",
      "/tools/color-palette-generator",
      "/tools/css-color-mixer",
      "/tools/contrast-checker"
    ]
  }
}
Full JSON dataset 
{
  "slug": "morganite",
  "name": "Morganite",
  "hex": "#F5C6C6",
  "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": "red",
  "temperature": "warm",
  "tone": [
    "light",
    "pastel"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "red",
    "warm",
    "light",
    "pastel",
    "jewel-tone-palettes",
    "luxury-branding",
    "premium-interface-accents",
    "depth",
    "richness",
    "prestige"
  ],
  "popularity": 84,
  "rgb": [
    245,
    198,
    198
  ],
  "hsl": [
    0,
    70,
    87
  ],
  "cmyk": [
    0,
    19,
    19,
    4
  ],
  "luminance": 0.6388,
  "contrast": {
    "black": 13.78,
    "white": 1.52
  },
  "harmonies": {
    "complementary": "#C7F5F5",
    "analogous": [
      "#F5C7DE",
      "#F5DEC7"
    ],
    "triadic": [
      "#C7F5C7",
      "#C7C7F5"
    ],
    "tetradic": [
      "#DEF5C7",
      "#C7F5F5",
      "#DEC7F5"
    ],
    "splitComplementary": [
      "#C7F5DE",
      "#C7DEF5"
    ],
    "monochromatic": [
      "#FFFFFF",
      "#F5C6C6",
      "#E77979"
    ]
  },
  "variants": {
    "light": "#FFFFFF",
    "dark": "#E77979",
    "saturated": "#FCBFBF",
    "desaturated": "#EECECE",
    "pastel": "#FFFFFF",
    "neon": "#FFE5E5"
  },
  "wcag": {
    "AA": [
      "#000000",
      "#1A1A1A",
      "#36454F"
    ],
    "AAA": [
      "#000000",
      "#1A1A1A"
    ]
  },
  "css": {
    "variable": "--color-morganite: #F5C6C6;",
    "utility": ".bg-morganite { background-color: #F5C6C6; }",
    "textUtility": ".text-morganite { color: #F5C6C6; }"
  },
  "nearestColors": [
    "baby-pink",
    "orchid-pink",
    "pink",
    "feldspar",
    "cherry-blossom"
  ],
  "generatedPalettes": [
    "morganite"
  ],
  "generatedComparisons": [
    "baby-pink-vs-morganite",
    "morganite-vs-orchid-pink"
  ],
  "relatedFamilies": [
    "/colors/by-family/red",
    "/colors/by-temperature/warm",
    "/colors/by-tone/light",
    "/colors/by-tone/pastel"
  ],
  "relatedTools": [
    "/harmonies/morganite",
    "/wcag/morganite",
    "/css/colors/morganite",
    "/hex/f5c6c6",
    "/tools/css-gradient-generator",
    "/tools/color-palette-generator",
    "/tools/css-color-mixer",
    "/tools/contrast-checker"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/red",
      "/colors/by-temperature/warm",
      "/colors/by-tone/light",
      "/colors/by-tone/pastel"
    ],
    "narrower": [
      "/palettes/morganite"
    ],
    "related": [
      "/colors/baby-pink",
      "/colors/orchid-pink",
      "/colors/pink",
      "/colors/feldspar",
      "/colors/cherry-blossom",
      "/compare/baby-pink-vs-morganite",
      "/compare/morganite-vs-orchid-pink",
      "/harmonies/morganite",
      "/wcag/morganite",
      "/css/colors/morganite",
      "/hex/f5c6c6",
      "/tools/css-gradient-generator",
      "/tools/color-palette-generator",
      "/tools/css-color-mixer",
      "/tools/contrast-checker"
    ]
  },
  "pairings": {
    "best": [
      "#000000",
      "#C7F5F5",
      "#F5C7DE",
      "#F5DEC7"
    ],
    "avoid": [
      "#EECECE",
      "#FFFFFF"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#000000"
    ],
    "lowContrast": [
      "#FFFFFF",
      "#EECECE"
    ]
  }
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Similar Colors

Baby Pink#F4C2C2
Orchid Pink#F2BDCD
Pink#FFC0CB
Feldspar#F0CDB7
Cherry Blossom#FFB7C5

Related Color Guides

Red color familyBrowse named red colors and compare nearby swatches.Warm colorsExplore colors with warm temperature behavior.Light colorsFind colors with light visual character.Pastel colorsFind colors with pastel visual character.Morganite accessibilityCheck contrast and WCAG text options for #F5C6C6.Morganite CSS utilitiesUse Morganite in CSS variables and utility classes.#F5C6C6 HEX atlasOpen the permanent HEX atlas record for conversions and variants.Morganite paletteOpen the generated palette based on Morganite.Morganite harmoniesExplore complementary, analogous, triadic, and tetradic harmonies.