Royal Blue

#304FF8

General Information about Royal Blue

The hexadecimal color #304FF8, also known as Royal Blue, is a vibrant and saturated blue hue. It is composed of 18.82% red, 31.37% green, and 97.25% blue. This color is commonly associated with feelings of trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven. In color theory, royal blue is often used to convey stability and reliability. The color's intensity makes it well-suited for use in designs where a strong visual impact is desired. Its presence often evokes a sense of authority and sophistication. It can be used alone or paired with complementary colors to create a balanced and visually appealing aesthetic.

The color #304FF8, a shade of royal blue, presents moderate accessibility challenges. Its luminance value necessitates careful consideration of text and interactive element contrast. For text, adhering to WCAG guidelines is crucial; pairing this color with white (#FFFFFF) or very light grayscale values ensures a contrast ratio meeting at least the AA standard (4.5:1 for normal text, 3:1 for large text). When used as a background for interactive elements such as buttons or links, sufficient contrast is equally important. Moreover, avoid using this color as the sole indicator of functionality; supplement it with text labels or icons to ensure usability for individuals with color vision deficiency. Thoughtful application is key to inclusive design.

Shades

Digital Color Formats

RGB
48 79 248
RGB48 79 248
Red
Green
Blue
HSL
230.7deg 93.46% 58.04%
230.793.4658.04HSL
Hue
Saturation
Lightness
HWB
230.7deg 18.82% 2.75%
230.718.822.75HWB
Hue
Whiteness
Blackness
hex#304FF8
rgb48 79 248
hsl230.7deg 93.46% 58.04%
cmyk80.65% 68.15% 0% 2.75%
hwb230.7deg 18.82% 2.75%
xyz-d650.21 0.13 0.9
oklch0.5261 0.251 267.63
oklab0.5261 -0.01 -0.25
CMYK
80.65% 68.15% 0% 2.75%
80.6568.1502.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.21 0.13 0.9
0.210.130.9XYZ
X
Y
Z
OKLCH
0.5261 0.251 267.63
0.52610.251267.63LCH
Lightness
Chroma
Hue
OKLAB
0.5261 -0.01 -0.25
0.5261-0.01-0.25LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons