Modal Color

#31a6d1

Modal is calm, cool-toned shade of cool cyan. It is better contrasting with white. This color combines beautifully with warm red, warm green or warm magenta

Inverse Color #ce592e
Complementary Color #d15c30
Color Shade: cool cyan (196.13° hue)
Color Temperature: cool
Lightness: 50.59% (better contrasting with white)
Modal Color Sample
Modal Color Sample

Better Alternatives To #31a6d1

If you're looking for a similar cool cyan shade, there are some better alternatives to Modal Color. The Fischer Blue color for instance is a darker and a bit more faded option, however this color has a mid cyan bias. Consider a lighter and more soft alternative called Glimpse (#4fb9ce) for more calm effect. Try Marine Tinge as it also a bit more faded and calm.

Complementary Palette

#d15c30 is the best complementary color to Modal. Warm red shades generally complement the cool cyan hues best as they are found on the opposite end of the color wheel. The most popular #31a6d1 complementary color is Flame Pea, as it offers maximum contrast and grab the viewer's attention.

Analogous Palette

The analogous palette of warm cyan, cool cyan, and cool blue colors offers a soft combination of similar cool shades. The analogous colors of Scooter are #30d1ac and #3055d1. Thus found on the left and right of #31a6d1 on the color wheel with a 30° gap. Consider matching Shamrock and Cerulean Blue colors as they work well with Modal.

Split-complementary Palette

The split-complementary Modal palette consists of #d1ab30 and #d13055 colors. They can be found 30° apart on either side of the complementary color (#d15c30). Try Old Gold and Brick Red colors in combination with #31a6d1, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.

Triadic Palette

The triadic palette of #31a6d1 offers a combination of cool yellow and warm magenta shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Modal. Thus Atlantis and Cerise giving maximum hue separation to use all three together.

Square Palette

The square color palette of Modal contains three additional colors. Thus, complementary Flame Pea, Purple Heart, and Atlantis split by 90° on the color wheel. #31a6d1 square combo is a palette of cool cyan, cool magenta, warm red and warm green shades that work together well.

Tetradic Palette

The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Modal tetradic combo consists of warm red complementary color (#d15c30) and two others. The Cerise is positioned 120° clockwise from the primary color and Emerald – 120° from the complementary Flame Pea. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #d130a5 and #30d15c.

Conversion Table

In a RGB color space, hex #31a6d1 is made of 12% red, 39% green and 49% blue. In a HSL mode Modal has a hue angle of 196.13°, a saturation of 63.49% and a lightness of 50.59%. In a CMYK space (used in printing only), hex #31a6d1 is made of 62.74% cyan, 16.86% magenta, 0% yellow and 18.04% black ink.

HEX #31a6d1
RGB Decimal rgb(49,166,209)
RGB Percentage 12%, 39%, 49%
CMYK 62.74, 16.86, 0, 18.04
HSL hsl(196.13,63.49%,50.59%)
HSV (or HSB) hsv(196.13,76.56%,81.96%)
CIE-LAB lab(63.7776,-17.5907,-31.0343)
XYZ xyz(26.4115,32.5289,65.2083)
;