CSS named colour

Dark Salmon

#e9967a

A CSS named colour: darksalmon is valid anywhere a colour is expected.

RGB: rgb(233 150 122)
HSL: 15°, 72%, 70%
OKLCh: 75.1% 0.108 39.4

Dark Salmon in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#e9967a`
RGB	`rgb(233 150 122)`
RGB legacy	`rgb(233, 150, 122)`
RGB percent	`rgb(91.37% 58.82% 47.84%)`
HSL	`hsl(15.1 71.6% 69.6%)`
HSL legacy	`hsl(15.1, 71.6%, 69.6%)`
HSV / HSB	`hsv(15.1, 47.6%, 91.4%)`
HWB	`hwb(15.1 47.8% 8.6%)`
Nearest name	`darksalmon`
CMYK	`cmyk(0%, 35.6%, 47.6%, 8.6%)`Naive conversion. Real print work needs an ICC profile.

Perceptual & wide gamutModern CSS colour spaces for uniform scales and P3 displays.

OKLCh	`oklch(75.074% 0.10818 39.394)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(75.074% 0.0836 0.06866)`
CIE LCh	`lch(70.297% 41.234 43.544)`
CIE Lab	`lab(70.297% 29.888 28.407)`
Display P3	`color(display-p3 0.8673 0.6029 0.4991)`
Rec. 2020	`color(rec2020 0.7873 0.5763 0.4506)`
srgb-linear	`color(srgb-linear 0.8148 0.305 0.1946)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.4802 0.4054 0.2371)`

ShadersGLSL, HLSL and WGSL vectors in both encoded and linear form.

GLSL vec3 — sRGB	`vec3(0.914, 0.588, 0.478)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.815, 0.305, 0.195)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.914, 0.588, 0.478, 1.0)`
GLSL vec4 — linear	`vec4(0.815, 0.305, 0.195, 1.0)`
GLSL ivec3	`ivec3(233, 150, 122)`
HLSL float3 — sRGB	`float3(0.914, 0.588, 0.478)`
HLSL float3 — linear	`float3(0.815, 0.305, 0.195)`
HLSL float4 — sRGB	`float4(0.914, 0.588, 0.478, 1.0)`
HLSL half4 — sRGB	`half4(0.914, 0.588, 0.478, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.914, 0.588, 0.478)`
WGSL vec4f — sRGB	`vec4f(0.914, 0.588, 0.478, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.815, 0.305, 0.195)`

Engines & appsConstructors for Unity, Unreal, Godot, Flutter, SwiftUI and Android.

Unity Color	`new Color(0.914f, 0.588f, 0.478f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(233, 150, 122, 255)`
Unreal FLinearColor	`FLinearColor(0.8148f, 0.305f, 0.1946f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(233, 150, 122, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.914, 0.588, 0.478, 1)`
Flutter Color	`Color(0xFFE9967A)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(233, 150, 122)`
SwiftUI Color	`Color(red: 0.914, green: 0.588, blue: 0.478)`
UIKit UIColor	`UIColor(red: 0.914, green: 0.588, blue: 0.478, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0xE9967A`
0x hex (ARGB)	`0xFFE9967A`
Array 0–1	`[0.914, 0.588, 0.478]`
Array 0–255	`[233, 150, 122]`
Decimal integer	`15308410`

Contrast and accessibility

WCAG 2 ratios are what audits and legislation reference. APCA is shown alongside because WCAG 2 is known to misjudge mid-tone backgrounds, and it is the basis of the WCAG 3 draft.

Pairing	WCAG 2 ratio	Level	APCA	Suitable for
Dark Salmon on white	2.31:1	Fail	Lc 45	Large headings only
Dark Salmon on black	9.11:1	AAA	Lc 57	Large headings only

Dark Salmon text on a white background

Dark Salmon text on a black background

White text on Dark Salmon

Black text on Dark Salmon

Tonal scale

Hue held fixed while lightness walks OKLCh, ready to use as a design system ramp.

50#fff0e7
100#ffe3d5
200#ffcbb5
300#fdb096
400#e29277
500#c37358
600#a55a41
700#89452e
800#70331e
900#5c2512
950#3a0f01

Tints and shades

Mixed perceptually toward white and black, so the steps feel evenly spaced.

Tint 1#eea890
Tint 2#f3b9a6
Tint 3#f7cbbc
Tint 4#fadcd2
Tint 5#fdeee8
Shade 1#b7755e
Shade 2#875544
Shade 3#5a372b
Shade 4#311c14
Shade 5#0c0503

Colours that work with Dark Salmon

Complementary, triadic and analogous partners, rotated in OKLCh so they keep the same apparent brightness.

#50bedd
#6cc396
#a0a7f2
#e9919f
#daa15e

Closest CSS names

darksalmonexact match
lightsalmonΔEok 0.047
salmonΔEok 0.053
lightcoralΔEok 0.055
sandybrownΔEok 0.056
coralΔEok 0.062