Platinum

HEX: #E5E4E2 | Modern Palette

On White
1.27:1
FAIL
On Black
16.53:1
PASS

Color Specifications

HEX
#E5E4E2
RGB
229, 228, 226
HSL
40°, 5% ,89%
CMYK
0, 0, 1, 10

About Platinum

Platinum (#E5E4E2) is a color with RGB(229, 228, 226) and HSL(40°, 5.5%, 89.2%). It is commonly associated with Minimal moods. In design, it fits Monochrome, Pastel styles and is suitable for Text, Background, Print. Its complementary color is #E2E3E5, which creates strong contrast. Its triadic palette includes #E2E5E4 and #E4E2E5. The name comes from platina (Spanish).

  • HEX: #E5E4E2
  • RGB: 229, 228, 226
  • HSL: 40°, 5.5%, 89.2%
  • Mood: Minimal
  • Style: Monochrome, Pastel
  • Use case: Text, Background, Print
  • Complementary color: #E2E3E5
  • Triadic colors: #E2E5E4, #E4E2E5
  • The name comes from platina (Spanish).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #E5E4E2 from deepest shade to lightest tint.

Color Characteristics

Mood
Minimal
Style
Monochrome Pastel
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #E4E4E2
Protanopia #E4E4E2
Tritanopia #E5E4E4
Achromatopsia #E4E4E4

Frequently Asked Questions

Platinum (#E5E4E2) is a color with RGB(229, 228, 226) and HSL(40°, 5.5%, 89.2%).

#E5E4E2 pairs strongly with #E2E3E5 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#E5E4E2 is suitable for Text, Background, Print and works well with Monochrome, Pastel styles.

#E5E4E2 is commonly associated with Minimal.

The name Platinum is linked to platina from Spanish, meaning little silver.

Name, History & Etymology

Origin Word platina
Meaning little silver
Language Spanish
First Recorded Use Mid-18th Century

History

Platinum was first encountered by Europeans in the Americas, particularly in what is now Colombia and Ecuador, where pre-Columbian cultures used it. Spanish conquistadors observed it and initially dismissed it as an impurity in silver ore, calling it 'platina' (a diminutive of 'plata' meaning silver). Its unique properties, including its high melting point and resistance to corrosion, made it difficult to work with early on. It wasn't until the mid-18th century that scientists like Antonio de Ulloa and Charles Wood brought samples to Europe, leading to its recognition as a distinct element. Its name 'platinum' was adopted into English from the Spanish 'platina'.

First Recorded Use

1741 (English)

Cultural Associations

Platinum is highly valued for its rarity, density, and resistance to tarnish, making it a prestigious material in jewelry (especially for engagement rings), coinage, and luxury goods. It is also crucial in industrial applications, particularly in catalytic converters for automobiles, laboratory equipment, and medical devices. Its association with 'platinum records' in the music industry signifies sales of over one million units, further cementing its image as a symbol of excellence and high achievement.

Similar Named Colors
Gainsboro #DCDCDC ΔE 2.09
Isabelline #F4F0EC ΔE 3.08
Timberwolf #DBD7D2 ΔE 3.38
Munsell #F2F3F4 ΔE 3.57

Code Snippets

/* Background */
.element {
    background-color: #E5E4E2;
}

/* Text */
.element {
    color: #E5E4E2;
}

/* Border */
.element {
    border: 1px solid #E5E4E2;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #E5E4E2,
        #E2E3E5
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E5E4E2,
        #E2E3E5
    );
}

// SCSS variable
$platinum: #E5E4E2;

// With RGB channels (useful for rgba() usage)
$platinum-r: 229;
$platinum-g: 228;
$platinum-b: 226;

// Usage
.element {
    background-color: $platinum;
    color: rgba($platinum-r, $platinum-g, $platinum-b, 0.8);
}