HEX
#008B8BPrimary tokenCSS Named Color Reference
Dark Cyan Color Code
Dark Cyan·#008B8B
Cyan FamilyCoolDark toneHigh saturationoklch(57.7% 0.098 195)
RGB
rgb(0, 139, 139)Screen valuesHSL
hsl(180 100% 27%)Hue and lightnessCMYK
100, 0, 0, 45Print handoffLAB
52, -31, -9Perceptual referenceOKLCH
oklch(57.7% 0.098 195)Modern perceptualDark Cyan is a deeper CSS named cyan at #008B8B that trades the brightness of Cyan for more weight and structure. Use it when you need a technical blue-green for dashboards, industrial UI, data controls, and interfaces that should feel cooler and more grounded than electric aqua accents.
Best text colorWhite text
Body text contrast4.15:1
Best UseSerious data UI, technical surfaces, and restrained blue-green structure
Tonal Scale
100#D1EAEA
300#8ACACA
500#2EA0A0
600#008B8B
800#006464
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
4.15:1Large text / UI only
Dark text on this color
Large headings and selective UI.
4.14:1Large text / UI only
This color on light surface
Links, borders, and icons on light UI.
3.94:1Large text / UI only
Best text colorWhite textContrast 4.15:1
Professional Reference
OKLCHoklch(57.7% 0.098 195)
Relative Luminance0.2033
Source TypeCSS Named Color
Classification
Cyan FamilyCoolDark toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
TealAnt Design Cyan 7Tailwind Teal 600
Accessibility Matrix
White text on this color
White text placed on the current color.
4.15:1Large text / UI only
Dark text on this color
Dark text or headings on the current color.
4.14:1Large text / UI only
This color on light surface
Use this color for links, strokes, or icons on light UI.
3.94:1Large text / UI only
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
4.14:1Large text / UI only
Best text colorWhite textContrast 4.15:1 · Large text / UI only
Where It Works
- Dashboards, technical controls, and serious blue-green accents.
- More structured than Cyan, less bright than Aqua.
- Pairs with white, charcoal neutrals, and lighter turquoise accents.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Dark Cyan is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product, interface, and branding work.
Hue Family
Clean cyan and teal hues for product UIs.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-dark-cyan: #008B8B;
--color-dark-cyan-rgb: 0 139 139;
}class="bg-[#008B8B] text-white"
class="hover:bg-[#006464] ring-1 ring-[#008B8B]"{
"darkCyan": "#008B8B",
"darkCyanRgb": [0, 139, 139],
"darkCyanHsl": [180, 100, 27]
}