CSS named color
DarkSalmon #E9967A
DarkSalmon (CSS keyword darksalmon) has the hex code #E9967A and the RGB value rgb(233, 150, 122): a light, moderately saturated red-orange.
A dusty salmon pink, the least saturated of the three salmon names. Despite the "dark" in its name, it is about as light as salmon.
Color codes for DarkSalmon
| CSS keyword | darksalmon |
|---|---|
| HEX | #E9967A |
| RGB | rgb(233, 150, 122) |
| HSL | hsl(15, 72%, 70%) |
| HWB | hwb(15 48% 9%) |
| OKLCH | oklch(75.1% 0.108 39.4) |
| CMYK (naive, no ICC profile) | cmyk(0%, 36%, 48%, 9%) |
| Decimal | 15,308,410 |
| Hue family | Reds |
Contrast and accessibility
On darksalmon, black text has a contrast ratio of 9.10:1 and passes AAA at any text size; white text reaches 2.30:1.
WCAG 2.2 contrast ratios (success criteria 1.4.3 and 1.4.6: AA needs 4.5:1 for normal text and 3:1 for large text, AAA needs 7:1 and 4.5:1). APCA Lc is the lightness contrast from the APCA-W3 0.0.98G model proposed for WCAG 3; a higher absolute value is more readable, and Lc 75 is its suggested minimum for body text.
| Pair | Ratio | AA | AA large | AAA | AAA large | APCA Lc |
|---|---|---|---|---|---|---|
| Black text on darksalmon | 9.10:1 | Pass | Pass | Pass | Pass | 58.7 |
| White text on darksalmon | 2.30:1 | Fail | Fail | Fail | Fail | −50.1 |
| Darksalmon text on white | 2.30:1 | Fail | Fail | Fail | Fail | 45.3 |
| Darksalmon text on black | 9.10:1 | Pass | Pass | Pass | Pass | −56.8 |
Tints and shades
Each step mixes darksalmon with white (tints) or black (shades) in gamma-encoded sRGB, the same result as color-mix(in srgb, darksalmon, white 25%) in CSS.
Tints (mixed with white)
- 5%
#ea9b81 - 15%
#eca68e - 25%
#efb09b - 35%
#f1bba9 - 45%
#f3c5b6 - 55%
#f5d0c3 - 65%
#f7dad0 - 75%
#fae5de - 85%
#fcefeb - 95%
#fefaf8
Shades (mixed with black)
- 5%
#dd8f74 - 15%
#c68068 - 25%
#af715c - 35%
#97624f - 45%
#805343 - 55%
#694437 - 65%
#52352b - 75%
#3a261f - 85%
#231712 - 95%
#0c0806
Color harmonies
Rotating the hue in OKLCH while keeping lightness and chroma, darksalmon's complementary color is #50BEDD (close to deepskyblue), its analogous colors are #E9919F and #DAA15E, and its triadic partners are #6CC396 and #A0A7F2. For text on top, black gives the higher contrast.
| Harmony | Rotation | Color |
|---|---|---|
| Complementary | +180° | #50bedd |
| Analogous | −30°, +30° | #e9919f#daa15e |
| Triadic | +120°, +240° | #6cc396#a0a7f2 |
| Split-complementary | +150°, +210° | #49c4bd#77b3f0 |
Computed in OKLCH: the hue is rotated by 180° (complementary), ±30° (analogous), ±120° (triadic) and 180° ±30° (split-complementary) while lightness and chroma stay fixed. Results that fall outside sRGB are brought back with the CSS Color 4 gamut mapping algorithm. Because this uses OKLCH, the values differ from tools that rotate hue in HSL, but every color keeps the same perceived lightness.
Warm or cool?
DarkSalmon is a warm color: its hue is 15° on the HSL wheel, in the red, orange and yellow range (0° to about 70°, plus reds above 330°) that is conventionally called warm.
Nearest named and Tailwind colors
Distance is ΔE OK, the Euclidean distance in OKLab multiplied by 100. Values under about 2 are hard to tell apart side by side.
Nearest CSS named colors
| Color | HEX | ΔE OK |
|---|---|---|
| lightsalmon | #ffa07a | 4.7 |
| salmon | #fa8072 | 5.3 |
| lightcoral | #f08080 | 5.5 |
Nearest Tailwind v4 colors
| Color | HEX | ΔE OK |
|---|---|---|
| red-300 | #ffa2a2 | 6.9 |
| rose-300 | #ffa1ad | 8.1 |
| orange-400 | #ff8904 | 8.5 |
Code snippets
.element {
color: darksalmon;
background-color: #e9967a;
border-color: rgb(233 150 122);
outline-color: oklch(75.1% 0.108 39.4);
}<div class="bg-[#e9967a] text-black">...</div>
/* or register it once in your CSS (Tailwind v4) */
@theme {
--color-darksalmon: #e9967a;
}
/* then use bg-darksalmon, text-darksalmon, border-darksalmon */import SwiftUI
extension Color {
static let darksalmon = Color(red: 0.914, green: 0.588, blue: 0.478)
}import androidx.compose.ui.graphics.Color
val Darksalmon = Color(0xFFE9967A)import 'package:flutter/material.dart';
const darksalmon = Color(0xFFE9967A);<!-- res/values/colors.xml -->
<color name="darksalmon">#E9967A</color>Frequently asked questions
- What is the hex code for darksalmon?
- The hex code for darksalmon is #E9967A. The same color is rgb(233, 150, 122), hsl(15, 72%, 70%) and oklch(75.1% 0.108 39.4), and in CSS you can also write the keyword darksalmon directly.
- Is darksalmon a warm or cool color?
- DarkSalmon is a warm color: its hue is 15° on the HSL wheel, in the red, orange and yellow range (0° to about 70°, plus reds above 330°) that is conventionally called warm.
- What colors go with darksalmon?
- Rotating the hue in OKLCH while keeping lightness and chroma, darksalmon's complementary color is #50BEDD (close to deepskyblue), its analogous colors are #E9919F and #DAA15E, and its triadic partners are #6CC396 and #A0A7F2. For text on top, black gives the higher contrast.
- Can you use white text on darksalmon?
- White text on darksalmon has a contrast ratio of 2.30:1, which fails AA even for large text under WCAG 2.2. Black text reaches 9.10:1 and passes both AA and AAA. In APCA terms that is Lc −50.1 for white and Lc 58.7 for black.
- What is the RGB value of darksalmon?
- DarkSalmon is rgb(233, 150, 122): red 233, green 150 and blue 122 on the 0 to 255 scale, or 91.4%, 58.8% and 47.8%. As a decimal integer it is 15308410.
Last reviewed by Arielton Oberek.