CSS named colour

Sienna

#a0522d

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

RGB: rgb(160 82 45)
HSL: 19°, 56%, 40%
OKLCh: 52.6% 0.115 44.6

Sienna in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#a0522d`
RGB	`rgb(160 82 45)`
RGB legacy	`rgb(160, 82, 45)`
RGB percent	`rgb(62.75% 32.16% 17.65%)`
HSL	`hsl(19.3 56.1% 40.2%)`
HSL legacy	`hsl(19.3, 56.1%, 40.2%)`
HSV / HSB	`hsv(19.3, 71.9%, 62.7%)`
HWB	`hwb(19.3 17.6% 37.3%)`
Nearest name	`sienna`
CMYK	`cmyk(0%, 48.7%, 71.9%, 37.3%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(52.648% 0.11512 44.604)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(52.648% 0.08196 0.08084)`
CIE LCh	`lch(44.275% 47.714 49.621)`
CIE Lab	`lab(44.275% 30.911 36.348)`
Display P3	`color(display-p3 0.5875 0.3376 0.2091)`
Rec. 2020	`color(rec2020 0.4892 0.2945 0.1491)`
srgb-linear	`color(srgb-linear 0.3515 0.0844 0.0262)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.1799 0.137 0.0418)`

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

GLSL vec3 — sRGB	`vec3(0.627, 0.322, 0.176)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.352, 0.084, 0.026)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.627, 0.322, 0.176, 1.0)`
GLSL vec4 — linear	`vec4(0.352, 0.084, 0.026, 1.0)`
GLSL ivec3	`ivec3(160, 82, 45)`
HLSL float3 — sRGB	`float3(0.627, 0.322, 0.176)`
HLSL float3 — linear	`float3(0.352, 0.084, 0.026)`
HLSL float4 — sRGB	`float4(0.627, 0.322, 0.176, 1.0)`
HLSL half4 — sRGB	`half4(0.627, 0.322, 0.176, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.627, 0.322, 0.176)`
WGSL vec4f — sRGB	`vec4f(0.627, 0.322, 0.176, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.352, 0.084, 0.026)`

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

Unity Color	`new Color(0.627f, 0.322f, 0.176f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(160, 82, 45, 255)`
Unreal FLinearColor	`FLinearColor(0.3515f, 0.0844f, 0.0262f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(160, 82, 45, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.627, 0.322, 0.176, 1)`
Flutter Color	`Color(0xFFA0522D)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(160, 82, 45)`
SwiftUI Color	`Color(red: 0.627, green: 0.322, blue: 0.176)`
UIKit UIColor	`UIColor(red: 0.627, green: 0.322, blue: 0.176, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0xA0522D`
0x hex (ARGB)	`0xFFA0522D`
Array 0–1	`[0.627, 0.322, 0.176]`
Array 0–255	`[160, 82, 45]`
Decimal integer	`10506797`

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
Sienna on white	5.62:1	AA	Lc 78	Body text, 18px and up
Sienna on black	3.74:1	AA Large	Lc 24	Not usable for text

Sienna text on a white background

Sienna text on a black background

White text on Sienna

Black text on Sienna

Tonal scale

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

50#fff1e4
100#ffe3d1
200#ffccb0
300#ffb08e
400#e4926e
500#c4734e
600#a65a36
700#8a4423
800#723313
900#5d2506
950#3b0e00

Tints and shades

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

Tint 1#b16e50
Tint 2#c28b72
Tint 3#d2a794
Tint 4#e2c4b7
Tint 5#f1e1db
Shade 1#7d3e21
Shade 2#5b2c16
Shade 3#3b1a0b
Shade 4#1e0a03
Shade 5#050100

Colours that work with Sienna

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

#00779c
#007f59
#6460aa
#a24b56
#915f00

Closest CSS names

siennaexact match
saddlebrownΔEok 0.057
brownΔEok 0.078
firebrickΔEok 0.084
indianredΔEok 0.106
dimgrayΔEok 0.115