CSS named colour

Dark Magenta

#8b008b

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

RGB: rgb(139 0 139)
HSL: 300°, 100%, 27%
OKLCh: 44.7% 0.205 328.4

Dark Magenta in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#8b008b`
RGB	`rgb(139 0 139)`
RGB legacy	`rgb(139, 0, 139)`
RGB percent	`rgb(54.51% 0% 54.51%)`
HSL	`hsl(300 100% 27.3%)`
HSL legacy	`hsl(300, 100%, 27.3%)`
HSV / HSB	`hsv(300, 100%, 54.5%)`
HWB	`hwb(300 0% 45.5%)`
Nearest name	`darkmagenta`
CMYK	`cmyk(0%, 100%, 0%, 45.5%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(44.68% 0.20535 328.363)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(44.68% 0.17483 -0.10771)`
CIE LCh	`lch(32.501% 70.935 327.105)`
CIE Lab	`lab(32.501% 59.562 -38.524)`
Display P3	`color(display-p3 0.4982 0.0902 0.5266)`
Rec. 2020	`color(rec2020 0.4001 0.093 0.4741)`
srgb-linear	`color(srgb-linear 0.2582 0 0.2582)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.1531 0.0735 0.2504)`

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

GLSL vec3 — sRGB	`vec3(0.545, 0.0, 0.545)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.258, 0.0, 0.258)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.545, 0.0, 0.545, 1.0)`
GLSL vec4 — linear	`vec4(0.258, 0.0, 0.258, 1.0)`
GLSL ivec3	`ivec3(139, 0, 139)`
HLSL float3 — sRGB	`float3(0.545, 0.0, 0.545)`
HLSL float3 — linear	`float3(0.258, 0.0, 0.258)`
HLSL float4 — sRGB	`float4(0.545, 0.0, 0.545, 1.0)`
HLSL half4 — sRGB	`half4(0.545, 0.0, 0.545, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.545, 0.0, 0.545)`
WGSL vec4f — sRGB	`vec4f(0.545, 0.0, 0.545, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.258, 0.0, 0.258)`

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

Unity Color	`new Color(0.545f, 0.0f, 0.545f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(139, 0, 139, 255)`
Unreal FLinearColor	`FLinearColor(0.2582f, 0.0f, 0.2582f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(139, 0, 139, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.545, 0, 0.545, 1)`
Flutter Color	`Color(0xFF8B008B)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(139, 0, 139)`
SwiftUI Color	`Color(red: 0.545, green: 0, blue: 0.545)`
UIKit UIColor	`UIColor(red: 0.545, green: 0, blue: 0.545, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0x8B008B`
0x hex (ARGB)	`0xFF8B008B`
Array 0–1	`[0.545, 0, 0.545]`
Array 0–255	`[139, 0, 139]`
Decimal integer	`9109643`

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 Magenta on white	8.50:1	AAA	Lc 87	Body text, 18px and up
Dark Magenta on black	2.47:1	Fail	Lc 15	Not usable for text

Dark Magenta text on a white background

Dark Magenta text on a black background

White text on Dark Magenta

Black text on Dark Magenta

Tonal scale

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

50#ffedff
100#ffdcff
200#ffbeff
300#ff96ff
400#ea75e7
500#ca52c8
600#ab37aa
700#8f208e
800#750a75
900#600060
950#3c003d

Tints and shades

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

Tint 1#a1419f
Tint 2#b569b3
Tint 3#c98ec6
Tint 4#dcb3d9
Tint 5#eed9ec
Shade 1#6c006c
Shade 2#4e004e
Shade 3#320032
Shade 4#190019
Shade 5#040004

Colours that work with Dark Magenta

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

#006a13
#6d4f00
#006270
#6725b3
#a10053

Closest CSS names

darkmagentaexact match
purpleΔEok 0.028
rebeccapurpleΔEok 0.091
darkvioletΔEok 0.115
darkorchidΔEok 0.116
mediumvioletredΔEok 0.134