Dark Coral

HEX: #CD5B45 | Modern Palette

On White
4.06:1
FAIL
On Black
5.18:1
PASS

Color Specifications

HEX
#CD5B45
RGB
205, 91, 69
HSL
9°, 57% ,53%
CMYK
0, 56, 66, 20

About Dark Coral

Dark Coral (#CD5B45) is a color with RGB(205, 91, 69) and HSL(9.7°, 57.6%, 53.7%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #45B7CD, which creates strong contrast. Its triadic palette includes #45CD5B and #5B45CD.

  • HEX: #CD5B45
  • RGB: 205, 91, 69
  • HSL: 9.7°, 57.6%, 53.7%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #45B7CD
  • Triadic colors: #45CD5B, #5B45CD

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Dark Coral #CD5B45 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

Dark Coral #CD5B45 pairs with #45B7CD as its complementary color, and #45CD5B and #5B45CD in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

DARK CORAL
Analogous

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

DARK CORAL
Triadic

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

DARK CORAL
Split-Complementary

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

DARK CORAL
Tetradic (Square)

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

DARK CORAL
Monochromatic

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

DARK CORAL

Shades & Tints

The shade and tint range for Dark Coral #CD5B45 moves from dark #140805 tones through the base color to lighter #FAEDEB tones, making it useful for depth, hierarchy, and background variation.

DARK CORAL

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #89893E
Protanopia #6F6F46
Tritanopia #CE5959
Achromatopsia #7E7E7E

Frequently Asked Questions

Dark Coral (#CD5B45) is a color with RGB(205, 91, 69) and HSL(9.7°, 57.6%, 53.7%).

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

#CD5B45 is suitable for Text, Button, Logo and works well with Warm styles.

#CD5B45 is commonly associated with Romantic.

Similar Named Colors
Cedar Chest #C95A49 ΔE 1.73
Jelly Bean #DA614E ΔE 3.37
Medium Vermilion #D9603B ΔE 4.78
Copper Red #CB6D51 ΔE 4.94

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #CD5B45,
        #45B7CD
    );
}

// SCSS variable
$dark-coral: #CD5B45;

// With RGB channels (useful for rgba() usage)
$dark-coral-r: 205;
$dark-coral-g: 91;
$dark-coral-b: 69;

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