Royal Blue

#305BF8

About Royal Blue (#305BF8)

The hexadecimal color code #305BF8 represents a shade of royal blue. It is created by mixing 18.8% red, 35.69% green, and 97.25% blue. In the RGB color model, this translates to (48, 91, 248). Royal blue is a color often associated with royalty, nobility, and power. It is a strong and vibrant color that can be used to convey a sense of authority and confidence. The color is frequently used in branding, web design, and fashion. Its wide acceptance and general pleasantness make it a popular choice across various platforms, be it digital or physical. It has a distinct presence and offers various possibilities for use within creative mediums.

The color #305BF8, a vibrant royal blue, presents several accessibility considerations for web developers. Its contrast ratio against white (#FFFFFF) is relatively low, potentially failing WCAG standards for text legibility. This means text in #305BF8 on a white background might be difficult for users with visual impairments to read comfortably. Conversely, using #305BF8 for backgrounds with lighter text also poses readability issues. To improve accessibility, consider using a darker shade of blue or pairing it with a high-contrast color like white or yellow for text. Tools like contrast checkers can help ensure your color choices meet accessibility guidelines. For interactive elements like buttons, clear visual cues beyond color, such as underlines or icons, are recommended. Always test your color combinations with users with different visual abilities.

Shades

Digital Color Formats

RGB
48 91 248
RGB48 91 248
Red
Green
Blue
HSL
227.1deg 93.46% 58.04%
227.193.4658.04HSL
Hue
Saturation
Lightness
HWB
227.1deg 18.82% 2.75%
227.118.822.75HWB
Hue
Whiteness
Blackness
hex#305BF8
rgb48 91 248
hsl227.1deg 93.46% 58.04%
cmyk80.65% 63.31% 0% 2.75%
hwb227.1deg 18.82% 2.75%
xyz-d650.22 0.15 0.91
oklch0.546 0.2382 266.25
oklab0.546 -0.02 -0.24
CMYK
80.65% 63.31% 0% 2.75%
80.6563.3102.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.22 0.15 0.91
0.220.150.91XYZ
X
Y
Z
OKLCH
0.546 0.2382 266.25
0.5460.2382266.25LCH
Lightness
Chroma
Hue
OKLAB
0.546 -0.02 -0.24
0.546-0.02-0.24LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons