CSS named colour

Rosy Brown

#bc8f8f

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

RGB: rgb(188 143 143)
HSL: 0°, 25%, 65%
OKLCh: 69.3% 0.055 18.6

Rosy Brown in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#bc8f8f`
RGB	`rgb(188 143 143)`
RGB legacy	`rgb(188, 143, 143)`
RGB percent	`rgb(73.73% 56.08% 56.08%)`
HSL	`hsl(0 25.1% 64.9%)`
HSL legacy	`hsl(0, 25.1%, 64.9%)`
HSV / HSB	`hsv(0, 23.9%, 73.7%)`
HWB	`hwb(0 56.1% 26.3%)`
Nearest name	`rosybrown`
CMYK	`cmyk(0%, 23.9%, 23.9%, 26.3%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(69.274% 0.0548 18.565)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(69.274% 0.05194 0.01745)`
CIE LCh	`lch(63.791% 18.884 21.62)`
CIE Lab	`lab(63.791% 17.555 6.958)`
Display P3	`color(display-p3 0.71 0.5678 0.5644)`
Rec. 2020	`color(rec2020 0.643 0.5309 0.519)`
srgb-linear	`color(srgb-linear 0.5029 0.2747 0.2747)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.3552 0.3232 0.3036)`

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

GLSL vec3 — sRGB	`vec3(0.737, 0.561, 0.561)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.503, 0.275, 0.275)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.737, 0.561, 0.561, 1.0)`
GLSL vec4 — linear	`vec4(0.503, 0.275, 0.275, 1.0)`
GLSL ivec3	`ivec3(188, 143, 143)`
HLSL float3 — sRGB	`float3(0.737, 0.561, 0.561)`
HLSL float3 — linear	`float3(0.503, 0.275, 0.275)`
HLSL float4 — sRGB	`float4(0.737, 0.561, 0.561, 1.0)`
HLSL half4 — sRGB	`half4(0.737, 0.561, 0.561, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.737, 0.561, 0.561)`
WGSL vec4f — sRGB	`vec4f(0.737, 0.561, 0.561, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.503, 0.275, 0.275)`

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

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

Raw valuesPacked integers and plain arrays.

0x hex	`0xBC8F8F`
0x hex (ARGB)	`0xFFBC8F8F`
Array 0–1	`[0.737, 0.561, 0.561]`
Array 0–255	`[188, 143, 143]`
Decimal integer	`12357519`

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
Rosy Brown on white	2.81:1	Fail	Lc 54	Large headings only
Rosy Brown on black	7.46:1	AAA	Lc 48	Large headings only

Rosy Brown text on a white background

Rosy Brown text on a black background

White text on Rosy Brown

Black text on Rosy Brown

Tonal scale

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

50#ffefef
100#ffe3e2
200#fad1d1
300#e4bab9
400#c99c9c
500#aa7e7e
600#8e6565
700#754f50
800#5f3d3e
900#4c2f2f
950#2f1818

Tints and shades

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

Tint 1#c8a1a1
Tint 2#d3b3b3
Tint 3#dec6c6
Tint 4#e9d9d8
Tint 5#f4ecec
Shade 1#936f6f
Shade 2#6c5151
Shade 3#473434
Shade 4#251a1a
Shade 5#080404

Colours that work with Rosy Brown

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

#73a7a9
#8ca584
#889ebf
#b78fa2
#b9937f

Closest CSS names

rosybrownexact match
darkgrayΔEok 0.069
darksalmonΔEok 0.084
palevioletredΔEok 0.089
lightcoralΔEok 0.089
peruΔEok 0.092