CYAN

Dark Cyan

#008B8B

Dark Cyan is #008B8B, rgb(0, 139, 139).

In CSS: darkcyan

Conversions
HEX#008B8B
RGBrgb(0, 139, 139)
HSLhsl(180, 100%, 27%)
HSVhsv(180, 100%, 55%)
CMYKcmyk(100%, 0%, 0%, 45%)
Copy CSS
color: #008b8b; /* rgb */ color: rgb(0, 139, 139); /* hsl */ color: hsl(180, 100%, 27%);
Contrast
On whiteFail · 4.15 : 1
On ink blackPass · 4.62 : 1
Shades
Tints
Pairings
Complementary
#8B0000
Triadic
#8B008B

About Dark Cyan

Dark Cyan is the hex color #008B8B, which translates to rgb(0, 139, 139) in RGB and hsl(180, 100%, 27%) in HSL. On the color wheel it sits at 180 degrees, with a saturation of 100 percent and a lightness of 27 percent. That combination gives Dark Cyan a saturated mid tone: strong enough for buttons and links, still calm enough for larger areas.

How Dark Cyan compares

Dark Cyan is exactly the CSS keyword darkcyan, so you can write the keyword instead of the hex and get an identical result. In the Tailwind CSS 4.3.1 palette the nearest token is teal-600 (#009689), at a distance of 9.2. Inside this library the closest neighbour is Blue Green at 1.5. Sorted by lightness, Dark Cyan is number 2 of the 18 cyan colors here.

Text on Dark Cyan

One of the five common text colors below clears WCAG AA for normal text on Dark Cyan, led by Ink black at 4.62:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Dark Cyan already loaded as the background.

Contrast of common text colors on Dark Cyan. AA normal text needs 4.5:1, AA large text and non-text elements need 3:1, AAA normal text needs 7:1.
Text colorRatioAA normalAA largeAAA normal
White #FFFFFF4.15:1FailPassFail
Ink black #0F0F124.62:1PassPassFail
Mid grey #6B72801.17:1FailFailFail
Dark grey #3741512.49:1FailFailFail
Light grey #E5E7EB3.35:1FailPassFail

Building a palette around Dark Cyan

The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Dark Cyan for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Dark Cyan locked and let it fill in the rest.

Full values for Dark Cyan

FormatValue
HEX#008B8B
RGBrgb(0, 139, 139)
HSLhsl(180, 100%, 27%)
HSVhsv(180, 100%, 55%)
CMYKcmyk(100%, 0%, 0%, 45%)
OKLCHoklch(57.65% 0.0984 194.77)
CIELABlab(52.21 -30.62 -9.00)

Frequently asked questions

What is the RGB value of Dark Cyan?

Dark Cyan (#008B8B) is rgb(0, 139, 139): 0 red, 139 green and 139 blue on the 0 to 255 scale. Green and blue share the lead at 139 with red at 0, which puts the hue at 180 degrees. In HSL the same color is hsl(180, 100%, 27%).

What colour is #008B8B?

#008B8B is Dark Cyan, a dark cyan colour with a hue of 180 degrees, 100% saturation and 27% lightness. For print the CMYK breakdown is 100% cyan, 0% magenta, 0% yellow and 45% black. Its nearest neighbour in this library, Blue Green, is only 1.5 away in CIELAB, close enough to pass for the same colour side by side.

Is Dark Cyan a CSS color name?

Yes. The keyword darkcyan is one of the 148 named colors in CSS Color Module Level 4, so color: darkcyan; renders exactly #008B8B.

What colors go with Dark Cyan?

Opposite Dark Cyan on the color wheel sits the complementary #8B0000 (Dark Red), the boldest accent by hue. For a calmer scheme use the analogous neighbours #008B45 and #00458B (close to Yale Blue); for a balanced three-color scheme use the triadic pair #8B008B (Dark Magenta) and #8B8B00. Of these, #8B0000 has the most contrast against Dark Cyan, at 2.41:1, so pair it by hue, not for legibility.

What text color is readable on Dark Cyan?

Ink black (#0F0F12) is the most readable on Dark Cyan, at 4.62:1, which clears WCAG AA (4.5:1) but not AAA. 1 of the 5 common text colors tested passes AA for normal text.

Use Dark Cyan in a tool

Nearby colors

Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.