#40E0D0 is the sRGB color rgb(64, 224, 208), or hsl(174, 72%, 56%) in HSL. The color tool also converts #40E0D0 to HSV, CMYK, LAB and OKLCH, and finds the nearest RAL Classic color.
Tints, shades and tones of #40E0D0
Tints mix #40E0D0 toward white for lighter variants, shades mix it toward black for darker ones, and tones mix in grey to soften it. Together they give you a ready ramp of #40E0D0 for backgrounds, borders, hover states and text.
Color harmonies from #40E0D0
Build a scheme around #40E0D0 with its complementary, split-complementary, triadic, tetradic, analogous and monochromatic partners. Analogous colors sit beside #40E0D0 on the wheel for a calm, cohesive palette; the complementary color sits opposite for high-contrast accents.
Contrast and accessibility
#40E0D0 pairs best with dark text and dark UI. The tool reports the WCAG 2 contrast ratio and the APCA (WCAG 3) Lc against white and black, and simulates how #40E0D0 reads for protanopia, deuteranopia, tritanopia and achromatopsia, so you can check #40E0D0 is accessible before you ship it.
