Tuna

#303645

General Information about #303645

The hexadecimal color code #303645 represents a dark shade of grayish-blue. It is composed of 18.82% red, 21.18% green, and 27.06% blue. In the RGB color model, this translates to 48 red, 54 green, and 69 blue. The color has a hue angle of 221.1 degrees, a saturation of 17.6%, and a lightness of 22.7%. In the CMYK color model, it consists of 30.43% cyan, 21.74% magenta, 0% yellow, and 72.94% black. This color is often referred to as 'Tuna' in various color naming systems. It is commonly used in design for creating a sophisticated, muted, or neutral feel.

The color #303645, a dark, desaturated shade, presents several accessibility considerations for web developers. Due to its low luminance, sufficient contrast with foreground elements is crucial for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using this color as a background requires careful selection of text colors, ideally lighter shades, to meet these standards. Tools like contrast checkers can help ensure compliance. Furthermore, avoid using this color to convey critical information without additional visual cues, as users with low vision may struggle to distinguish it. Consider providing alternative styling options for users who need enhanced contrast. Properly implemented, #303645 can be part of an accessible design.

Shades

Digital Color Formats

RGB
48 54 69
RGB48 54 69
Red
Green
Blue
HSL
222.86deg 17.95% 22.94%
222.8617.9522.94HSL
Hue
Saturation
Lightness
HWB
222.86deg 18.82% 72.94%
222.8618.8272.94HWB
Hue
Whiteness
Blackness
hex#303645
rgb48 54 69
hsl222.86deg 17.95% 22.94%
cmyk30.43% 21.74% 0% 72.94%
hwb222.86deg 18.82% 72.94%
xyz-d650.04 0.04 0.06
oklch0.3336 0.0279 267.84
oklab0.3336 0 -0.03
CMYK
30.43% 21.74% 0% 72.94%
30.4321.74072.94CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.06
0.040.040.06XYZ
X
Y
Z
OKLCH
0.3336 0.0279 267.84
0.33360.0279267.84LCH
Lightness
Chroma
Hue
OKLAB
0.3336 0 -0.03
0.33360-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons