Royal Blue

#3157F7

General Information about #3157F7

The hexadecimal color code #3157F7 represents a specific shade of royal blue. It is composed of 19.2% red, 34.1% green, and 96.9% blue. In the RGB color model, this translates to 49 red, 87 green, and 247 blue. Royal blue is often associated with royalty, trust, and sophistication. Hex color codes are widely used in web design and digital graphics to specify colors precisely. Understanding the components of a hex code allows designers and developers to create visually appealing and consistent color schemes. The prominence of blue in this hex code gives it its distinct blue hue, setting it apart from other color shades.

The hex color #3157F7, a shade of royal blue, presents potential accessibility challenges, especially when used as text against a white or light background. According to WCAG guidelines, sufficient contrast is crucial for readability. To ensure accessibility, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #3157F7 for text, it's essential to pair it with a very light or white background to meet these contrast requirements. Alternatively, using it as a background color requires very light or white text. Tools like contrast checkers can help verify compliance. Thoughtful color choices enhance usability for individuals with visual impairments, promoting inclusive design practices. Considering color blindness is also important; avoid using color as the only visual means of conveying information.

Shades

Digital Color Formats

RGB
49 87 247
RGB49 87 247
Red
Green
Blue
HSL
228.48deg 92.52% 58.04%
228.4892.5258.04HSL
Hue
Saturation
Lightness
HWB
228.48deg 19.22% 3.14%
228.4819.223.14HWB
Hue
Whiteness
Blackness
hex#3157F7
rgb49 87 247
hsl228.48deg 92.52% 58.04%
cmyk80.16% 64.78% 0% 3.14%
hwb228.48deg 19.22% 3.14%
xyz-d650.21 0.14 0.9
oklch0.5386 0.2412 266.92
oklab0.5386 -0.01 -0.24
CMYK
80.16% 64.78% 0% 3.14%
80.1664.7803.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.21 0.14 0.9
0.210.140.9XYZ
X
Y
Z
OKLCH
0.5386 0.2412 266.92
0.53860.2412266.92LCH
Lightness
Chroma
Hue
OKLAB
0.5386 -0.01 -0.24
0.5386-0.01-0.24LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons