CSS named colour

Dark Cyan

#008b8b

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

RGB: rgb(0 139 139)
HSL: 180°, 100%, 27%
OKLCh: 57.7% 0.098 194.8

Dark Cyan in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#008b8b`
RGB	`rgb(0 139 139)`
RGB legacy	`rgb(0, 139, 139)`
RGB percent	`rgb(0% 54.51% 54.51%)`
HSL	`hsl(180 100% 27.3%)`
HSL legacy	`hsl(180, 100%, 27.3%)`
HSV / HSB	`hsv(180, 100%, 54.5%)`
HWB	`hwb(180 0% 45.5%)`
Nearest name	`darkcyan`
CMYK	`cmyk(100%, 0%, 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(57.652% 0.09841 194.769)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(57.652% -0.09516 -0.02509)`
CIE LCh	`lch(51.921% 33.634 196.455)`
CIE Lab	`lab(51.921% -32.256 -9.527)`
Display P3	`color(display-p3 0.237 0.5367 0.5408)`
Rec. 2020	`color(rec2020 0.284 0.4795 0.494)`
srgb-linear	`color(srgb-linear 0 0.2582 0.2582)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.1389 0.2033 0.2762)`

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

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

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

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

Raw valuesPacked integers and plain arrays.

0x hex	`0x008B8B`
0x hex (ARGB)	`0xFF008B8B`
Array 0–1	`[0, 0.545, 0.545]`
Array 0–255	`[0, 139, 139]`
Decimal integer	`35723`

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 Cyan on white	4.15:1	AA Large	Lc 68	Headings and large text
Dark Cyan on black	5.07:1	AA	Lc 34	Non-text elements only

Dark Cyan text on a white background

Dark Cyan text on a black background

White text on Dark Cyan

Black text on Dark Cyan

Tonal scale

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

50#c1ffff
100#b0fefd
200#99eeed
300#7bd8d7
400#55bcbb
500#2a9e9d
600#008383
700#006a6a
800#005555
900#004444
950#002728

Tints and shades

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

Tint 1#499e9d
Tint 2#71b1b0
Tint 3#96c4c4
Tint 4#b9d8d7
Tint 5#dcebeb
Shade 1#006c6c
Shade 2#004e4e
Shade 3#003232
Shade 4#001919
Shade 5#000404

Colours that work with Dark Cyan

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

#ab6067
#8f67a1
#9b702e
#348b6a
#2385a5

Closest CSS names

darkcyanexact match
tealΔEok 0.034
seagreenΔEok 0.077
slategrayΔEok 0.085
steelblueΔEok 0.086
cadetblueΔEok 0.088