Soft Turquoise is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #33CCAD, which equals rgb(51, 204, 173) in RGB and hsl(168, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y15 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CCAD - RGB
51, 204, 173 - HSL
168°, 60%, 50% - CMYK
75, 0, 15, 20 - Family
Green - Tone
Medium, saturated
About Soft Turquoise
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 10.38:1. Its complementary color is #CC3352.
Download Soft Turquoise 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 Turquoise color codes
| HEX | #33CCAD |
|---|---|
| RGB | rgb(51, 204, 173) |
| HSL | hsl(168, 60%, 50%) |
| HSV | 168°, 75%, 80% |
| CMYK | 75%, 0%, 15%, 20% |
| Decimal | 3394733 |
Shades and tints of Soft Turquoise
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7F1 - 100
#BBEEE4 - 200
#99E6D6 - 300
#77DDC8 - 400
#55D5BB - 500
#33CCAD - 600
#2BAA90 - 700
#228873 - 800
#1A6657 - 900
#11443A - 950
#09221D
Color harmonies for Soft Turquoise
- Complementary
#CC3352≈ Soft Ruby - Analogous −30°
#33CC61≈ Soft Emerald - Analogous +30°
#339ECC≈ Soft Peacock - Triadic +120°
#AD33CC≈ Soft Grape - Triadic +240°
#CCAD33≈ Soft Amber - Split 150°
#CC339E≈ Soft Cerise - Split 210°
#CC6133≈ Soft Vermilion
Contrast and accessibility of Soft Turquoise
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Turquoise | Aa | 2.02:1 | Fails |
| Black text on Soft Turquoise | Aa | 10.38:1 | AAA (excellent) |
CSS code for Soft Turquoise
background-color: #33CCAD;color: #33CCAD;background-color: rgb(51, 204, 173);background-color: hsl(168, 60%, 50%);:root { --color-soft-turquoise: #33CCAD; }class="bg-[#33CCAD]"Colors similar to Soft Turquoise
- Soft Aquamarine
#33CC9E - Soft Teal
#33CCBD - Medium Dark Bright Teal
#15C1B0 - Soft Seafoam
#33CC8F - Soft Cyan
#33CCCC - Medium Light Soft Aquamarine
#54D4AE - Medium Dark Bright Turquoise
#15C19F - Medium Light Soft Seafoam
#54D4A1 - Medium Light Soft Turquoise
#54D4BA - Light Sea Green
#20B2AA - Medium Dark Bright Cyan
#15C1C1 - Soft Lagoon
#33BDCC
More green shades
- Palest Bright Turquoise
#D1FAF2 - Darkest Soft Turquoise
#0A2923 - Very Dark Soft Turquoise
#12493E - Dark Soft Turquoise
#1B6A5A - Deep Soft Turquoise
#238B76 - Medium Dark Soft Turquoise
#2BAB92 - Medium Light Soft Turquoise
#54D4BA - Light Soft Turquoise
#74DCC8 - Pale Soft Turquoise
#95E4D5 - Very Pale Soft Turquoise
#B6EDE2 - Palest Soft Turquoise
#D6F5EF
Frequently asked questions
What is the HEX code for Soft Turquoise?
The HEX code for Soft Turquoise is #33CCAD.
What is the RGB value of Soft Turquoise?
Soft Turquoise has an RGB value of 51, 204, 173 (rgb(51, 204, 173)). In HSL it is 168°, 60%, 50%.
What text color should I use on Soft Turquoise?
Use black text on Soft Turquoise. White text has a contrast ratio of 2.02:1 and black text has 10.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Turquoise?
The complementary color of Soft Turquoise is #CC3352. Analogous colors #33CC61 and #339ECC also pair well.