Fun Blue

#125AA2

General Information about Fun Blue

The hex color #125aa2, also known as Fun Blue, is a deep, muted shade of blue. It is composed of 7.1% red, 35.3% green, and 63.5% blue. In the RGB color model, it is represented as (18, 90, 162). This color leans towards the cooler side of the spectrum, evoking feelings of calmness, trust, and stability. Its hexadecimal representation allows for precise color specification in digital design and web development. Fun Blue is often used in corporate branding and website design to convey professionalism and reliability. It is a versatile color that can be paired with a variety of other colors to create different effects, such as warm yellows or oranges for contrast or other shades of blue and green for harmony. Its subtle nature makes it suitable for backgrounds, accents, and text elements alike.

The hex color #125aa2, also known as Fun Blue, presents some accessibility challenges, especially when used as a background color. According to WCAG guidelines, sufficient contrast between foreground and background colors is crucial for readability, particularly for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When pairing #125aa2 with a lighter text color, it's important to calculate the contrast ratio to ensure it meets these standards. Tools are readily available online to check color contrast ratios. If the contrast is insufficient, consider using a lighter shade of blue or a completely different, more contrasting color. For text on interactive elements like buttons, ensure sufficient contrast in various states (hover, focus, active) to provide clear visual feedback for users. Also, avoid relying solely on color to convey meaning; supplement color with text labels or icons to ensure information is accessible to colorblind users.

Shades

Digital Color Formats

RGB
18 90 162
RGB18 90 162
Red
Green
Blue
HSL
210deg 80% 35.29%
2108035.29HSL
Hue
Saturation
Lightness
HWB
210deg 7.06% 36.47%
2107.0636.47HWB
Hue
Whiteness
Blackness
hex#125AA2
rgb18 90 162
hsl210deg 80% 35.29%
cmyk88.89% 44.44% 0% 36.47%
hwb210deg 7.06% 36.47%
xyz-d650.1 0.1 0.36
oklch0.4664 0.1342 253.33
oklab0.4664 -0.04 -0.13
CMYK
88.89% 44.44% 0% 36.47%
88.8944.44036.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.1 0.36
0.10.10.36XYZ
X
Y
Z
OKLCH
0.4664 0.1342 253.33
0.46640.1342253.33LCH
Lightness
Chroma
Hue
OKLAB
0.4664 -0.04 -0.13
0.4664-0.04-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons