Blue Whale

#033647

General Information about #033647

The hex color #033647, commonly referred to as Blue Whale, is a dark, muted shade of blue-green. It belongs to the cyan-blue color family. In the RGB color model, it is composed of 1.18% red, 21.18% green, and 27.84% blue. Its CMYK values are 96% cyan, 24% magenta, 0% yellow, and 72% black. This color is often associated with feelings of calmness, stability, and trustworthiness. Due to its dark nature, it's typically used as an accent color or paired with lighter shades to create contrast. In branding, it can convey professionalism and reliability, making it suitable for corporate identities. The color name "Blue Whale" suggests a connection to the ocean, further reinforcing the feelings of tranquility and depth associated with this hue. It is a popular choice among designers looking for a sophisticated, understated color with a touch of elegance.

The hex color #033647, also known as Blue Whale, presents certain accessibility challenges, particularly when used as a background or text color. Its low luminance value signifies a dark color, requiring careful consideration of contrast ratios against foreground elements. According to WCAG guidelines, sufficient contrast is crucial for users with visual impairments to perceive content effectively. When used for text, pairing #033647 with light colors like #FFFFFF or #F0F0F0 is essential to meet minimum contrast requirements (4.5:1 for normal text and 3:1 for large text). Conversely, using dark text on a #033647 background is strongly discouraged due to poor readability. For interactive elements such as buttons or links, ensuring sufficient contrast not only for the default state but also for hover and focus states is paramount for usability. In UI design, consider alternative color combinations or using #033647 sparingly, perhaps as an accent color, to maintain optimal accessibility. Implementing accessibility testing tools during development helps identify and rectify potential contrast issues early on, promoting inclusivity and enhancing user experience for all individuals.

Shades

Digital Color Formats

RGB
3 54 71
RGB3 54 71
Red
Green
Blue
HSL
195deg 91.89% 14.51%
19591.8914.51HSL
Hue
Saturation
Lightness
HWB
195deg 1.18% 72.16%
1951.1872.16HWB
Hue
Whiteness
Blackness
hex#033647
rgb3 54 71
hsl195deg 91.89% 14.51%
cmyk95.77% 23.94% 0% 72.16%
hwb195deg 1.18% 72.16%
xyz-d650.02 0.03 0.06
oklch0.3108 0.0579 226.79
oklab0.3108 -0.04 -0.04
CMYK
95.77% 23.94% 0% 72.16%
95.7723.94072.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.06
0.020.030.06XYZ
X
Y
Z
OKLCH
0.3108 0.0579 226.79
0.31080.0579226.79LCH
Lightness
Chroma
Hue
OKLAB
0.3108 -0.04 -0.04
0.3108-0.04-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons