Xavier Blue Color

#6ab4e0

Xavier Blue is pale, 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 #954b1f
Complementary Color #e0966a
Color Shade: cool cyan (202.37° hue)
Color Temperature: cool
Lightness: 64.71% (better contrasting with white)
Xavier Blue Color Sample
Xavier Blue Color Sample

Better Alternatives To #6ab4e0

If you're looking for a similar cool cyan shade, there are some better alternatives to Xavier Blue Color. The Bluebottle color for instance is a lighter and a bit more vibrant option, however this color has a mid cyan bias. Consider a lighter and more soft alternative called Big Chill (#7ecbe2) for more calm effect. Try Sky of Ocean as it also a bit more vibrant and energetic.

Complementary Palette

#e0966a is the best complementary color to Xavier Blue. 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 #6ab4e0 complementary color is Di Serria, 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 Viking are #6ae0d1 and #6a78e0. Thus found on the left and right of #6ab4e0 on the color wheel with a 30° gap. Consider matching Aquamarine Blue and Havelock Blue colors as they work well with Xavier Blue.

Split-complementary Palette

The split-complementary Xavier Blue palette consists of #e0d16a and #e06a78 colors. They can be found 30° apart on either side of the complementary color (#e0966a). Try Chenin and Sunglo colors in combination with #6ab4e0, 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 #6ab4e0 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 Xavier Blue. Thus Yellow Green and Deep Blush giving maximum hue separation to use all three together.

Square Palette

The square color palette of Xavier Blue contains three additional colors. Thus, complementary Di Serria, Lavender, and Pastel Green split by 90° on the color wheel. #6ab4e0 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. Xavier Blue tetradic combo consists of warm red complementary color (#e0966a) and two others. The Deep Blush is positioned 120° clockwise from the primary color and Pastel Green – 120° from the complementary Di Serria. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #e06ab3 and #6ae096.

Conversion Table

In a RGB color space, hex #6ab4e0 is made of 21% red, 35% green and 44% blue. In a HSL mode Xavier Blue has a hue angle of 202.37°, a saturation of 65.56% and a lightness of 64.71%. In a CMYK space (used in printing only), hex #6ab4e0 is made of 46.27% cyan, 17.25% magenta, 0% yellow and 12.16% black ink.

HEX #6ab4e0
RGB Decimal rgb(106,180,224)
RGB Percentage 21%, 35%, 44%
CMYK 46.27, 17.25, 0, 12.16
HSL hsl(202.37,65.56%,64.71%)
HSV (or HSB) hsv(202.37,52.68%,87.84%)
CIE-LAB lab(70.2379,-10.8931,-29.1671)
XYZ xyz(35.7197,41.0885,76.5693)
;