CSS Color: DarkCyan
Named CSS color DarkCyan — #008B8B in HEX, rgb(0, 139, 139) in RGB, hsl(180, 100%, 27%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DarkCyan | color: DarkCyan; |
| HEX | #008B8B | color: #008B8B; |
| RGB | rgb(0, 139, 139) | color: rgb(0, 139, 139); |
| HSL | hsl(180, 100%, 27%) | color: hsl(180, 100%, 27%); |
About DarkCyan
DarkCyan is a deep, sophisticated teal that is slightly darker and richer than standard Teal. At hex `#008B8B`, it has zero red with equal green and blue values of 139. Sitting at 180 degrees hue with 27% lightness, it is only marginally different from Teal (`#008080`).
In web design, DarkCyan serves the same roles as Teal but with slightly more depth. It excels as link text, primary brand colors, and navigation elements on light backgrounds. With a contrast ratio of approximately 4.7:1 against white, it passes WCAG AA for normal text.
DarkCyan conveys the same trust and sophistication as Teal with a slightly more authoritative presence. It is particularly popular in enterprise software, healthcare portals, and government websites where professionalism is paramount.
DarkCyan pairs well with white, light gray, coral, cream, and warm neutrals. It provides a reliable, accessible alternative to blue for brands that want to stand out from the sea of blue-themed websites. In Tailwind CSS, `teal-700` or `cyan-800` are close matches.
FAQ
What is the hex code for DarkCyan?
The CSS named color DarkCyan has the hex code #008B8B. You can use it in CSS as color: #008B8B; or simply color: DarkCyan;.
What is DarkCyan in RGB?
In RGB notation, DarkCyan is rgb(0, 139, 139). Use it in CSS as color: rgb(0, 139, 139);.
What is DarkCyan in HSL?
In HSL notation, DarkCyan is hsl(180, 100%, 27%). Use it in CSS as color: hsl(180, 100%, 27%);.
What color category is DarkCyan?
DarkCyan belongs to the Blue color family in the CSS named colors specification.
Can I use the name "DarkCyan" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DarkCyan; or background-color: DarkCyan; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert DarkCyan to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →