Codes & values
- Color Name
Teal 500 - Color ID
KDF-C-00038536 - HEX
#009688 - RGB
rgb(0, 150, 136) - RGBA
rgba(0, 150, 136, 1) - HSL
hsl(174, 100%, 29%) - HSLA
hsla(174, 100%, 29%, 1) - HSV / HSB
hsv(174, 100%, 59%) - CMYK
cmyk(100%, 0%, 9%, 41%) - Light / Dark
mid
Quick answers
- What is the HEX code for Teal 500?
- #009688
- What is Teal 500 RGB?
- rgb(0, 150, 136)
- What is Teal 500 HSL?
- hsl(174, 100%, 29%)
- What is Teal 500 CMYK?
- cmyk(100%, 0%, 9%, 41%)
What is Teal 500?
Teal 500 is a curated cyan family color at #009688. It appears in our library with tags for ui, web, design, button. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Teal 500 HEX code
The HEX code for Teal 500 is #009688. Paste it into CSS as color: #009688; or background-color: #009688;. Design tools accept the same six-digit value without the # prefix (009688).
Teal 500 RGB
Teal 500 in RGB is rgb(0, 150, 136) (channels R 0, G 150, B 136). Use RGB when you need opacity via rgba(0, 150, 136, 1).
Teal 500 HSL & HSV
HSL is hsl(174, 100%, 29%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(174, 100%, 59%), closer to how many digital pickers expose hue, saturation, and brightness.
Teal 500 CMYK
Approximate CMYK for Teal 500 is cmyk(100%, 0%, 9%, 41%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Teal 500
Darker shades (mixed toward black): #007D71, #00645B, #004B44, #00322D, #001917. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Teal 500
Lighter tints (mixed toward white): #2BA89C, #55B9B0, #80CBC4, #AADCD7, #D5EEEB. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Teal 500
Complementary pairing: #009688, #96000E. Analogous neighbors: #00963D, #009688, #005996. Triadic accents: #009688, #880096, #968800. Always check text contrast when pairing.
Teal 500 color combinations
A practical combo: primary #009688, complementary accent #96000E, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #009688, #960059, #963D00.
Teal 500 in web design
Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.
Teal 500 in branding
Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 3.67:1 (better as a large accent or background than small body text); vs black 5.72:1.
Frequently asked questions
- What is the HEX code for Teal 500?
- Teal 500: #009688.
- What is Teal 500 RGB?
- Teal 500: rgb(0, 150, 136).
- What is Teal 500 HSL?
- Teal 500: hsl(174, 100%, 29%).
- What is Teal 500 CMYK?
- Teal 500: cmyk(100%, 0%, 9%, 41%).
- What colors go with Teal 500?
- Try complementary #009688, #96000E or analogous #00963D, #009688, #005996.
- Is Teal 500 good for text on white?
- Not ideal for small body text (3.67:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.67:1 (prefer large accent or background). Contrast vs black: 5.72:1. Complementary swatch: #009688, #96000E.
Explore related
Cyan colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK