Blue Ribbon

#193AFF

General Information about Blue Ribbon

The hexadecimal color #193AFF, also known as Blue Ribbon, is a vibrant and saturated shade of blue. In the RGB color model, it is composed of 9.8% red, 22.7% green, and 100% blue. This color is often associated with feelings of trust, loyalty, and authority. Blue Ribbon can evoke a sense of calm and stability, making it a popular choice for various applications. In web design, Blue Ribbon can be used to create eye-catching accents, highlight key elements, or establish a strong brand identity. However, it is important to consider accessibility guidelines when using this color, ensuring sufficient contrast with text and other elements to accommodate users with visual impairments. Its prominent blue component makes it stand out, but careful consideration of its context is crucial for effective implementation. Because of its strong blue component, #193AFF is visually striking and can capture attention effectively.

The hex color #193AFF, also known as Blue Ribbon, presents several accessibility considerations for web developers. Its contrast ratio with white text is moderate, making it generally acceptable for larger text or graphical elements. However, for smaller body text, the contrast might not meet the WCAG (Web Content Accessibility Guidelines) AA standards. To ensure readability for users with visual impairments, consider using a lighter shade of text or adding a dark background to increase the contrast. Additionally, avoid using this color as the sole indicator for interactive elements; provide supplementary cues like underlines or icons to assist users who may not perceive color differences effectively. Thoroughly testing with assistive technologies like screen readers is recommended to guarantee an inclusive user experience. Remember that color perception varies, and what appears acceptable to one user might be challenging for another. Prioritizing sufficient contrast and redundant cues enhances accessibility for a wider audience, making your web content more inclusive and user-friendly. Furthermore, it's wise to incorporate user feedback and conduct accessibility audits to continuously improve the accessibility of your design choices.

Shades

Digital Color Formats

RGB
25 58 255
RGB25 58 255
Red
Green
Blue
HSL
231.39deg 100% 54.9%
231.3910054.9HSL
Hue
Saturation
Lightness
HWB
231.39deg 9.8% 0%
231.399.80HWB
Hue
Whiteness
Blackness
hex#193AFF
rgb25 58 255
hsl231.39deg 100% 54.9%
cmyk90.2% 77.25% 0% 0%
hwb231.39deg 9.8% 0%
xyz-d650.2 0.1 0.96
oklch0.4968 0.2829 265.71
oklab0.4968 -0.02 -0.28
CMYK
90.2% 77.25% 0% 0%
90.277.2500CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.2 0.1 0.96
0.20.10.96XYZ
X
Y
Z
OKLCH
0.4968 0.2829 265.71
0.49680.2829265.71LCH
Lightness
Chroma
Hue
OKLAB
0.4968 -0.02 -0.28
0.4968-0.02-0.28LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons