Fun Blue
General Information about Fun Blue
The hexadecimal color #165B9E, also known as Fun Blue, is a dark shade of blue. It is composed of 8.63% red, 35.69% green, and 61.96% blue. In the RGB color model, it has the numerical representation (22, 91, 158). Converting this to other color models, it corresponds to (213, 76, 0) in HSL, (213, 76, 86) in HSV, and (86, 42, 0, 38) in CMYK. Fun Blue exudes a sense of calmness, trust, and stability, making it suitable for various applications such as corporate branding, web design, and interior decoration. The color falls within the blue color family, which is commonly associated with intelligence, efficiency, and serenity. Due to it's low lightness, the color has a very elegant and serious appearance. Therefore, it is often used by brands which need to represent trust and seriousness.
The hex color #165B9E, also known as Fun Blue, presents specific accessibility considerations for web development. Its relatively low luminance means that text rendered in this color requires careful attention to contrast ratios to ensure readability, especially for users with visual impairments. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). Therefore, #165B9E should be paired with light background colors such as whites (#FFFFFF) or very light yellows (#FFFFE0) to meet these standards. When used for interactive elements like buttons or links, sufficient contrast is crucial for users to perceive and interact with these elements effectively. Furthermore, it's important to avoid using this color as the sole indicator of functionality. Including additional cues, such as underlines for links or borders for buttons, enhances usability for all users, particularly those who may not be able to distinguish color differences easily.
Shades
Digital Color Formats
Alternative colors
- #4682b4
A slightly lighter blue that provides better contrast on white backgrounds while maintaining a similar aesthetic.
- #1e90ff
A more saturated blue that can be used to draw attention to specific elements on a page.
- #6495ed
A lighter tint of the provided color that is more suitable for large surfaces in UI design.
Applications
Web Development - UI Elements
In web development, #165B9E can be effectively used for primary buttons to signify important actions. Given its professional and trustworthy feel, it is also suitable for headers and navigation bars on corporate websites or applications focused on finance or technology. Due to accessibility concerns regarding contrast, always remember to use sufficient contrasting text to ensure the readability of the content. Furthermore, it is useful as a background color of smaller elements to give them emphasis and create a visual structure.
Interior Design - Accent Color
In interior design, #165B9E can serve as an accent color for walls, furniture, or decorative elements in a room. It pairs well with neutral tones like gray, white, or beige to create a calming and sophisticated atmosphere. This color would be very suitable for maritime styled interiors. Due to the strong, but elegant appearance it can also be used in combination with luxurious materials like gold and marble. Consider using it in spaces where you want to evoke a sense of trust and reliability, such as home offices or living rooms.
Fashion - Formal Wear
In the fashion industry, #165B9E can be used to create classic and elegant outfits. This color works well in formal wear, like suits or dresses, and can be complemented with accessories in neutral colors or metallic tones like silver or gold. The use as an eyecatcher in everyday outfits is also very fashionable, as long as the rest of the outfit is kept simple. This color will ensure you a professional and trustworthy appearance.