Tuna

#303347

General Information about #303347

#303347, commonly referred to as Tuna, is a dark, desaturated color that resides in the blue-violet hue range. It is perceived as a cool and reserved color, often associated with sophistication, stability, and depth. In the RGB color model, it is composed of 19.22% red, 20% green, and 27.84% blue. In the CMYK color model, it consists of 31% cyan, 28% magenta, 0% yellow, and 72% black. This color is often used in design to create a sense of calm and professionalism. Its muted nature allows it to pair well with brighter, more vibrant colors, providing a grounding element in a composition.

The hex color #303347, also known as Tuna, presents some accessibility challenges, especially in text-based contexts. Due to its relatively low lightness value, it offers limited contrast against lighter backgrounds, potentially making it difficult for users with visual impairments to read text rendered in this color. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to comply with WCAG guidelines. When using #303347, ensure that it is paired with sufficiently light colors to meet these contrast requirements. Also consider providing alternative color schemes to accommodate users with different visual preferences or needs. Tools like contrast checkers can help evaluate the accessibility of color combinations.

Shades

Digital Color Formats

RGB
48 51 71
RGB48 51 71
Red
Green
Blue
HSL
232.17deg 19.33% 23.33%
232.1719.3323.33HSL
Hue
Saturation
Lightness
HWB
232.17deg 18.82% 72.16%
232.1718.8272.16HWB
Hue
Whiteness
Blackness
hex#303347
rgb48 51 71
hsl232.17deg 19.33% 23.33%
cmyk32.39% 28.17% 0% 72.16%
hwb232.17deg 18.82% 72.16%
xyz-d650.04 0.03 0.06
oklch0.3271 0.0357 277.62
oklab0.3271 0 -0.04
CMYK
32.39% 28.17% 0% 72.16%
32.3928.17072.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.03 0.06
0.040.030.06XYZ
X
Y
Z
OKLCH
0.3271 0.0357 277.62
0.32710.0357277.62LCH
Lightness
Chroma
Hue
OKLAB
0.3271 0 -0.04
0.32710-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons