Soft Teal is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #33CCBD, which equals rgb(51, 204, 189) in RGB and hsl(174, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y7 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CCBD - RGB
51, 204, 189 - HSL
174°, 60%, 50% - CMYK
75, 0, 7, 20 - Family
Blue - Tone
Medium, saturated
About Soft Teal
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 10.51:1. Its complementary color is #CC3342.
Download Soft Teal as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Soft Teal color codes
| HEX | #33CCBD |
|---|---|
| RGB | rgb(51, 204, 189) |
| HSL | hsl(174, 60%, 50%) |
| HSV | 174°, 75%, 80% |
| CMYK | 75%, 0%, 7%, 20% |
| Decimal | 3394749 |
Shades and tints of Soft Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7F4 - 100
#BBEEE9 - 200
#99E6DE - 300
#77DDD3 - 400
#55D5C8 - 500
#33CCBD - 600
#2BAA9E - 700
#22887E - 800
#1A665F - 900
#11443F - 950
#092220
Color harmonies for Soft Teal
- Complementary
#CC3342≈ Soft Red - Analogous −30°
#33CC70≈ Soft Jade - Analogous +30°
#338FCC≈ Soft Capri - Triadic +120°
#BD33CC≈ Soft Magenta - Triadic +240°
#CCBD33≈ Soft Yellow - Split 150°
#CC338F≈ Soft Raspberry - Split 210°
#CC7033≈ Soft Cinnabar
Contrast and accessibility of Soft Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Teal | Aa | 2.00:1 | Fails |
| Black text on Soft Teal | Aa | 10.51:1 | AAA (excellent) |
CSS code for Soft Teal
background-color: #33CCBD;color: #33CCBD;background-color: rgb(51, 204, 189);background-color: hsl(174, 60%, 50%);:root { --color-soft-teal: #33CCBD; }class="bg-[#33CCBD]"Colors similar to Soft Teal
- Soft Cyan
#33CCCC - Soft Turquoise
#33CCAD - Soft Lagoon
#33BDCC - Medium Turquoise
#48D1CC - Medium Dark Bright Cyan
#15C1C1 - Soft Aquamarine
#33CC9E - Medium Light Soft Turquoise
#54D4BA - Medium Dark Bright Teal
#15C1B0 - Turquoise
#40E0D0 - Medium Light Soft Teal
#54D4C7 - Medium Light Soft Aquamarine
#54D4AE - Medium Light Bright Aquamarine
#3EEAB6
More blue shades
- Palest Bright Teal
#D1FAF6 - Darkest Soft Teal
#0A2926 - Very Dark Soft Teal
#124944 - Dark Soft Teal
#1B6A62 - Deep Soft Teal
#238B80 - Medium Dark Soft Teal
#2BAB9F - Medium Light Soft Teal
#54D4C7 - Light Soft Teal
#74DCD2 - Pale Soft Teal
#95E4DD - Very Pale Soft Teal
#B6EDE7 - Palest Soft Teal
#D6F5F2
Frequently asked questions
What is the HEX code for Soft Teal?
The HEX code for Soft Teal is #33CCBD.
What is the RGB value of Soft Teal?
Soft Teal has an RGB value of 51, 204, 189 (rgb(51, 204, 189)). In HSL it is 174°, 60%, 50%.
What text color should I use on Soft Teal?
Use black text on Soft Teal. White text has a contrast ratio of 2.00:1 and black text has 10.51:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Teal?
The complementary color of Soft Teal is #CC3342. Analogous colors #33CC70 and #338FCC also pair well.