CSS named color

DarkCyan

#008B8B
HEX#008b8b
RGBrgb(0, 139, 139)
HSLhsl(180, 100%, 27%)
OKLCHoklch(57.65% 0.0984 194.77)
NAMEdarkcyan

Palette

Complementary

180° on the color wheel
Complement
#8A0000

Analogous

±30° around the base hue
Left
#008A45
Right
#00458A

Triadic

±120° for harmonic contrast
Triad 1
#8A008A
Triad 2
#8A8A00

Shades

Lighter and darker variants
Lightest
#3DFFFF
Lighter
#00F0F0
Base
#008B8B
DarkCyan
Darker
#002424
Darkest
#000A0A

CSS usage

By name
color: darkcyan;
background-color: darkcyan;
By HEX
color: #008b8b;
background-color: #008b8b;
By RGB
color: rgb(0, 139, 139);
background-color: rgb(0, 139, 139);
By HSL
color: hsl(180, 100%, 27%);
background-color: hsl(180, 100%, 27%);

WCAG contrast vs white

Aa
4.15:1
AA (large text)

WCAG contrast vs black

Aa
5.07:1
AA

Related colors

FAQ — DarkCyan

What is the HEX code for DarkCyan?

The HEX code for DarkCyan is #008B8B. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkcyan; or color: #008b8b;

What is DarkCyan in RGB?

DarkCyan in RGB is rgb(0, 139, 139) — red 0, green 139, blue 139.

What is DarkCyan in HSL?

DarkCyan in HSL is hsl(180, 100%, 27%) — hue 180°, saturation 100%, lightness 27%.

What is the complementary color of DarkCyan?

The complementary color (directly opposite DarkCyan on the color wheel) is #8A0000. The two together produce maximum contrast.

Is white text readable on DarkCyan?

The WCAG contrast ratio against white (#FFFFFF) is 4.15:1, and against black (#000000) it's 5.07:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.

← All colors & converter