Tom Thumb

#2E553A

About Tom Thumb (#2E553A)

The hexadecimal color code #2E553A, often referred to as "Tom Thumb," represents a specific shade of dark green. It is composed of 18.04% red, 33.33% green, and 22.75% blue. In the RGB color model, these values translate to 46 red, 85 green, and 58 blue. The color has a hue angle of 134.4 degrees, a saturation of 29.9% and a lightness of 25.7%. In the CMYK color model, it is composed of 45.88% cyan, 0% magenta, 31.76% yellow and 66.67% black. Hexadecimal color codes are widely used in web design and digital graphics to specify colors precisely. Understanding the composition of #2E553A can assist designers in selecting appropriate color schemes and ensuring visual harmony. The color's relatively low lightness value indicates that it is a dark shade, making it suitable for use as a background color or for creating contrast with lighter elements. Its earthy tone makes it suitable for designs related to nature, sustainability, or organic products. It brings elegance, seriousness and a touch of wilderness to your artistic work.

The color #2E553A, a dark shade of green, presents some accessibility considerations, especially in web design. Its darkness dictates that it should ideally be paired with lighter text or foreground elements to ensure sufficient contrast. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text to meet AA standards. For AAA compliance, these ratios increase to 7:1 and 4.5:1 respectively. When using #2E553A as a background, it's crucial to test the contrast ratio with the intended text color using online contrast checkers to verify compliance. Insufficient contrast can make content difficult to read, particularly for users with visual impairments. Designers should also consider providing alternative color schemes to cater to users with specific visual preferences or requirements. Proper use of ARIA attributes can further enhance accessibility by providing assistive technologies with information about the color's role and purpose within the user interface. Employing techniques like colorblindness simulators during the design process can help identify potential issues and ensure that the design is accessible to a wider audience.

Shades

Digital Color Formats

RGB
46 85 58
RGB46 85 58
Red
Green
Blue
HSL
138.46deg 29.77% 25.69%
138.4629.7725.69HSL
Hue
Saturation
Lightness
HWB
138.46deg 18.04% 66.67%
138.4618.0466.67HWB
Hue
Whiteness
Blackness
hex#2E553A
rgb46 85 58
hsl138.46deg 29.77% 25.69%
cmyk45.88% 0% 31.76% 66.67%
hwb138.46deg 18.04% 66.67%
xyz-d650.05 0.07 0.05
oklch0.4122 0.0637 152.69
oklab0.4122 -0.06 0.03
CMYK
45.88% 0% 31.76% 66.67%
45.88031.7666.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.07 0.05
0.050.070.05XYZ
X
Y
Z
OKLCH
0.4122 0.0637 152.69
0.41220.0637152.69LCH
Lightness
Chroma
Hue
OKLAB
0.4122 -0.06 0.03
0.4122-0.060.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons