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

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 #CD5B45 from deepest shade to lightest tint.

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);
}