CSS named colour

Orchid

#da70d6

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

RGB: rgb(218 112 214)
HSL: 302°, 59%, 65%
OKLCh: 70.2% 0.181 328.7

Orchid in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#da70d6`
RGB	`rgb(218 112 214)`
RGB legacy	`rgb(218, 112, 214)`
RGB percent	`rgb(85.49% 43.92% 83.92%)`
HSL	`hsl(302.3 58.9% 64.7%)`
HSL legacy	`hsl(302.3, 58.9%, 64.7%)`
HSV / HSB	`hsv(302.3, 48.6%, 85.5%)`
HWB	`hwb(302.3 43.9% 14.5%)`
Nearest name	`orchid`
CMYK	`cmyk(0%, 48.6%, 1.8%, 14.5%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(70.213% 0.18126 328.706)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(70.213% 0.15489 -0.09415)`
CIE LCh	`lch(62.753% 62.566 326.969)`
CIE Lab	`lab(62.753% 52.454 -34.104)`
Display P3	`color(display-p3 0.8009 0.4613 0.8187)`
Rec. 2020	`color(rec2020 0.7214 0.4396 0.7924)`
srgb-linear	`color(srgb-linear 0.7011 0.162 0.6724)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.4684 0.3135 0.672)`

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

GLSL vec3 — sRGB	`vec3(0.855, 0.439, 0.839)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.701, 0.162, 0.672)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.855, 0.439, 0.839, 1.0)`
GLSL vec4 — linear	`vec4(0.701, 0.162, 0.672, 1.0)`
GLSL ivec3	`ivec3(218, 112, 214)`
HLSL float3 — sRGB	`float3(0.855, 0.439, 0.839)`
HLSL float3 — linear	`float3(0.701, 0.162, 0.672)`
HLSL float4 — sRGB	`float4(0.855, 0.439, 0.839, 1.0)`
HLSL half4 — sRGB	`half4(0.855, 0.439, 0.839, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.855, 0.439, 0.839)`
WGSL vec4f — sRGB	`vec4f(0.855, 0.439, 0.839, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.701, 0.162, 0.672)`

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

Unity Color	`new Color(0.855f, 0.439f, 0.839f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(218, 112, 214, 255)`
Unreal FLinearColor	`FLinearColor(0.7011f, 0.162f, 0.6724f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(218, 112, 214, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.855, 0.439, 0.839, 1)`
Flutter Color	`Color(0xFFDA70D6)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(218, 112, 214)`
SwiftUI Color	`Color(red: 0.855, green: 0.439, blue: 0.839)`
UIKit UIColor	`UIColor(red: 0.855, green: 0.439, blue: 0.839, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0xDA70D6`
0x hex (ARGB)	`0xFFDA70D6`
Array 0–1	`[0.855, 0.439, 0.839]`
Array 0–255	`[218, 112, 214]`
Decimal integer	`14315734`

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
Orchid on white	2.89:1	Fail	Lc 55	Large headings only
Orchid on black	7.27:1	AAA	Lc 47	Large headings only

Orchid text on a white background

Orchid text on a black background

White text on Orchid

Black text on Orchid

Tonal scale

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

50#ffedff
100#ffdcff
200#ffbeff
300#ff9dfa
400#e37ddf
500#c45bc1
600#a642a3
700#8a2d88
800#711b70
900#5c0b5b
950#3b003b

Tints and shades

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

Tint 1#e289de
Tint 2#e9a2e5
Tint 3#f0b9ec
Tint 4#f5d1f2
Tint 5#fbe8f9
Shade 1#ab56a8
Shade 2#7e3e7b
Shade 3#542752
Shade 4#2d122c
Shade 5#0b020a

Colours that work with Orchid

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

#30bc5a
#c89700
#00b6cd
#af81ff
#f4669d

Closest CSS names

orchidexact match
violetΔEok 0.060
hotpinkΔEok 0.082
mediumorchidΔEok 0.086
palevioletredΔEok 0.100
plumΔEok 0.110