HEX
#00CED1Primary tokenCSS Named Color Reference
Dark Turquoise Color Code
Dark Turquoise·#00CED1
Cyan FamilyCoolMid toneHigh saturationoklch(77.2% 0.131 197)
RGB
rgb(0, 206, 209)Screen valuesHSL
hsl(181 100% 41%)Hue and lightnessCMYK
100, 1, 0, 18Print handoffLAB
75, -40, -14Perceptual referenceOKLCH
oklch(77.2% 0.131 197)Modern perceptualDark Turquoise is a vivid CSS named turquoise at #00CED1 that feels more energetic than Dark Cyan and sharper than Medium Turquoise. Use it when you need a bright cool accent for dashboards, product highlights, charts, and interfaces that want motion without using pure Cyan.
Best text colorDark text
Body text contrast8.78:1
Best UseStronger teal highlights, energetic dashboards, and vivid cool accents
Tonal Scale
100#D1F6F7
300#8AE8EA
500#2ED7D9
600#00CED1
800#009496
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
1.95:1Needs more separation
Dark text on this color
Large headings and selective UI.
8.78:1AAA-level contrast
This color on light surface
Links, borders, and icons on light UI.
1.86:1Needs more separation
Best text colorDark textContrast 8.78:1
Professional Reference
OKLCHoklch(77.2% 0.131 197)
Relative Luminance0.4875
Source TypeCSS Named Color
Classification
Cyan FamilyCoolMid toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Accessibility Matrix
White text on this color
White text placed on the current color.
1.95:1Needs more separation
Dark text on this color
Dark text or headings on the current color.
8.78:1AAA
This color on light surface
Use this color for links, strokes, or icons on light UI.
1.86:1Needs more separation
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
8.78:1AAA
Best text colorDark textContrast 8.78:1 · AAA
Where It Works
- Highlights, charts, and energetic cool accents.
- Sharper than Medium Turquoise, calmer than pure Cyan.
- Pairs with white, ink-dark neutrals, and deeper teal anchors.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Dark Turquoise 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-turquoise: #00CED1;
--color-dark-turquoise-rgb: 0 206 209;
}class="bg-[#00CED1] text-white"
class="hover:bg-[#009496] ring-1 ring-[#00CED1]"{
"darkTurquoise": "#00CED1",
"darkTurquoiseRgb": [0, 206, 209],
"darkTurquoiseHsl": [181, 100, 41]
}