Teal Color Family

Dark Cyan Color Hex Code, RGB & HSL Values

Browse all Teal Colors

What is the meaning of the Dark Cyan color?

Dark Cyan is a deep, rich teal color. It represents corporate stability, scientific precision, and deep water, offering a highly readable, professional focus color for web applications.

How to use the Dark Cyan color hex code in HTML & CSS?

To style elements with Dark Cyan on a website, use the hex code #008B8B in your HTML/CSS. Adding background-color: #008B8B; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#008B8B] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Dark Cyan?

In the digital sRGB spectrum, the Dark Cyan color code is mapped to RGB values of Red: 0, Green: 139, and Blue: 139. In the HSL system, it registers at hue angle 180°, saturation 100%, and lightness index 27%. It represents a dark, rich color characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Dark Cyan color

To reproduce the named shade Dark Cyan in print systems, the CMYK ink configuration requires 100% Cyan, 0% Magenta, 0% Yellow, and 45% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 0
Green Channel 139
Blue Channel 139
Luminance 0.203

Dark Cyan Color Space Conversions

Click to copy format
HEX Color Code #008B8B
RGB (Red Green Blue) rgb(0, 139, 139)
HSL (Hue Sat Light) hsl(180°, 100%, 27%)
CMYK (Commercial Print) cmyk(100%, 0%, 0%, 45%)
HSV / HSB Values hsv(180°, 100%, 55%)
Decimal Color Code 35723
CSS Custom Variable --color-hex: #008B8B;
Tailwind CSS Utility bg-[#008B8B]
CSS Named Color darkcyan

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #008B8B

Small body copy preview

Black Text on Background

Black text readability test with #008B8B

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Dark Cyan */
--color-hex: #008B8B;
--color-rgb: rgb(0, 139, 139);
--color-hsl: hsl(180deg, 100%, 27%);
--color-name: darkcyan;

Aa Known Color Aliases

Dark Cyan darkcyan (CSS Identifier) Deep TealDark Teal BlueDeep Cyan

Dark Cyan Color Meaning

In design psychology, Dark Cyan is classified as a teal shade, inheriting its psychological associations. The teal hue is the color of sophisticated balance, combining blue's emotional depth with green's natural energy. It has strong associations with healing, protection, and spiritual depth across many world cultures. In design, teal performs exceptionally well as an accent color — it's distinctive enough to attract attention without the aggression of more saturated hues. Healthcare institutions use teal because it combines green's association with health with blue's calming effect. Fashion and luxury brands use teal to signal understated sophistication. The color gained widespread recognition as the official color of ovarian cancer awareness, giving it additional cultural depth and meaning.

Emotions & Associations

SophisticationBalanceClarityCalm

Industries

FinanceTechnologyHealthcare

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!