hsl(212.10000000000002, 35.6%, 53.7%)

#5F86B3 Classic Sapphire

Q: #5F86B3 Tetradic

#5F86B3, #B35FB0, #B38C5F, #5FB362

Q: #5F86B3 Analogous Complementary

#5F86B3, #B38C5F, #B3625F, #B0B35F

Q: #5F86B3 Analogous

#5F86B3, #625FB3, #8C5FB3, #B35FB0

#5F86B3

HEX

#5F86B3

RGB

95, 134, 179

HSL

212, 36, 54

HSV

212, 47, 70

CMYK

47, 25, 0, 30

LAB

55, -1, -28

Web Safe (Beta)

#5F86B3

Luminosity

0.23

#5F86B3 RGB Percentages

red9537%

green13453%

blue17970%

#5F86B3 CMYK Percentages

cyan4747%

magenta2525%

yellow00%

black3030%

Color Combinations

Complementary

Colors that are opposite to each other, forming a contrasting pair.

#5F86B3 #B38C5F

Split Complementary

A main color and two additional colors that are adjacent to the complementary color of the main color.

#5F86B3 #B3625F #B0B35F

Triadic

A combination of three evenly spaced colors on the color wheel.

#5F86B3 #B35F86 #86B35F

Tetradic

A combination of two pairs of complementary colors, forming a rectangle on the color wheel.

#5F86B3 #B35FB0 #B38C5F #5FB362

Analogous Complementary

A combination of a complementary color and its adjacent neighbors on the color wheel.

#5F86B3 #B38C5F #B3625F #B0B35F

Analogous

A combination of four neighboring colors on the color wheel.

#5F86B3 #625FB3 #8C5FB3 #B35FB0

Shades

#5F86B3 Light Tints

Tints generated by adding white to #5F86B3.

#5F86B3 Gray Shades

Shades created by blending #5F86B3 with gray.

#5F86B3 Dark Shades

Shades created by darkening #5F86B3 with black.

#5F86B3 Red Shades

Variations created by blending #5F86B3 with shades of red.

#5F86B3 Green Shades

Shades created by mixing #5F86B3 with green hues.

#5F86B3 Blue Shades

Variations crafted by combining #5F86B3 with blue tones.

#5F86B3 Readability

Randomly selected colors with a readability score greater than 5

Fixed Background Color

#5F86B3 Recommended Color Palettes

#5F86B3 Mockup

mockup changes colors based on the current color.

Extended Information

#5F86B3 Classic Sapphire Classic Sapphire is a cool, muted blue that exudes calmness, reliability, and understated elegance. It is reminiscent of serene skies and vintage aesthetics, blending modern versatility with timeless appeal.

Avoid Combinations

#FF0000 - Bright red is too stark and aggressive, clashing with the calm and composed nature of Classic Sapphire.
#FFC0CB - Pale pink creates a mismatched, overly pastel palette that diminishes the timeless and professional feel of Classic Sapphire.
#FFFF00 - Bright yellow is too vibrant and distracting, overwhelming the subdued elegance of Classic Sapphire.

Avoid Combinations Show

Best Combinations

#D9D9D9 - Light gray complements Classic Sapphire with a clean and modern look, enhancing its elegance and versatility.
#A1C181 - A soft green adds a natural contrast, creating a fresh and harmonious color palette that feels grounded and balanced.
#F2E8CF - A warm beige provides a subtle contrast that softens the coolness of Classic Sapphire, adding warmth and depth to the design.

Best Combinations Show

Usages

Corporate Branding - Classic Sapphire's reliable and professional tone makes it ideal for logos, business cards, and office interiors, conveying trust and competence.
Interior Design - This muted blue works well in living spaces, promoting tranquility and sophistication, especially when paired with neutral or natural tones.
Digital Interfaces - Classic Sapphire's soft yet confident hue is suitable for UI elements like buttons, banners, and backgrounds, offering a modern yet non-intrusive appearance.

Download Solid Color Image

Download solid color image with the following dimensions.