Tuna

#2E3A4A

General Information about #2E3A4A (Tuna)

The hex color #2E3A4A, commonly referred to as "Tuna", is a dark, muted shade of gray with subtle hints of blue. It belongs to the family of cool grays, which are known for their calming and sophisticated qualities. In the RGB color model, it is composed of 18.04% red, 22.75% green, and 29.02% blue. The CMYK values are 38% cyan, 22% magenta, 0% yellow, and 71% black. This color is often associated with professionalism, stability, and neutrality. It is a versatile color that can be used in a variety of design applications, from web design to interior decorating. Its subtle blue undertones give it a slightly cooler feel compared to pure grays, making it a popular choice for creating a sophisticated and modern look. The color is relatively desaturated, which means it lacks strong vibrancy and leans towards a more understated appearance. It's a color that evokes a sense of quiet elegance and can be easily paired with other colors to create harmonious color schemes.

The color #2E3A4A, also known as Tuna, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it's crucial to ensure that any foreground text or elements have sufficient contrast to meet WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text and graphical elements. Using a lighter color for text, such as shades of white or light gray, can help achieve this. Tools like contrast checkers can accurately measure the contrast ratio. Designers and developers should also consider users with low vision or color blindness, as they may struggle to distinguish elements with insufficient contrast. Thorough testing with different color palettes and user groups is essential to ensure inclusivity. Furthermore, providing alternative styling options, such as high-contrast themes, can greatly enhance the user experience for individuals with visual impairments. Remember that accessibility is not merely a checklist item; it's about creating a usable and inclusive experience for everyone.

Shades

Digital Color Formats

RGB
46 58 74
RGB46 58 74
Red
Green
Blue
HSL
214.29deg 23.33% 23.53%
214.2923.3323.53HSL
Hue
Saturation
Lightness
HWB
214.29deg 18.04% 70.98%
214.2918.0470.98HWB
Hue
Whiteness
Blackness
hex#2E3A4A
rgb46 58 74
hsl214.29deg 23.33% 23.53%
cmyk37.84% 21.62% 0% 70.98%
hwb214.29deg 18.04% 70.98%
xyz-d650.04 0.04 0.07
oklch0.3446 0.0325 255.77
oklab0.3446 -0.01 -0.03
CMYK
37.84% 21.62% 0% 70.98%
37.8421.62070.98CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.07
0.040.040.07XYZ
X
Y
Z
OKLCH
0.3446 0.0325 255.77
0.34460.0325255.77LCH
Lightness
Chroma
Hue
OKLAB
0.3446 -0.01 -0.03
0.3446-0.01-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons