Regal Blue

#03396C

General Information about Regal Blue

The hex color #03396C, commonly referred to as Regal Blue, is a deep, saturated shade of blue that evokes feelings of sophistication, trust, and stability. In the RGB color model, it is composed of 1.18% red, 22.35% green, and 42.35% blue. In the CMYK color model, which is used for printing, it consists of 97% cyan, 47% magenta, 0% yellow, and 58% black. This color is often associated with corporate branding, finance, and technology due to its professional and reliable connotations. It is widely used in web design, graphic design, and other visual mediums to convey a sense of authority and trustworthiness.

The hex color #03396C, also known as Regal Blue, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, text should ideally be white (#FFFFFF) to ensure sufficient contrast ratio as dark text on this color might be difficult to read, especially for users with visual impairments. According to WCAG guidelines, the contrast ratio should be at least 4.5:1 for normal text and 3:1 for large text. It is crucial to test the color combination using online contrast checkers to ensure compliance. Also, consider providing alternative color schemes that offer better contrast for users who need them, enhancing the overall user experience and inclusivity of your design.

Shades

Digital Color Formats

RGB
3 57 108
RGB3 57 108
Red
Green
Blue
HSL
209.14deg 94.59% 21.76%
209.1494.5921.76HSL
Hue
Saturation
Lightness
HWB
209.14deg 1.18% 57.65%
209.141.1857.65HWB
Hue
Whiteness
Blackness
hex#03396C
rgb3 57 108
hsl209.14deg 94.59% 21.76%
cmyk97.22% 47.22% 0% 57.65%
hwb209.14deg 1.18% 57.65%
xyz-d650.04 0.04 0.15
oklch0.344 0.1027 252.91
oklab0.344 -0.03 -0.1
CMYK
97.22% 47.22% 0% 57.65%
97.2247.22057.65CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.15
0.040.040.15XYZ
X
Y
Z
OKLCH
0.344 0.1027 252.91
0.3440.1027252.91LCH
Lightness
Chroma
Hue
OKLAB
0.344 -0.03 -0.1
0.344-0.03-0.1LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons