Skip to main content
ToolsHub
#2F6A45

#2F6A45 Color — #2F6A45

Complete color reference for #2F6A45: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#2F6A45
RGBrgb(47, 106, 69)
HSLhsl(142, 39%, 30%)
HSVhsv(142, 56%, 42%)
CMYKC:56% M:0% Y:35% K:58%
CSS Color#2F6A45
Decimal3107397
Luminance0.1134

WCAG Accessibility Contrast

#2F6A45 on White
Ratio: 6.43:1 — AA
#2F6A45 on Black
Ratio: 3.27:1 — AA Large
White on #2F6A45
Ratio: 6.43:1 — AA
Black on #2F6A45
Ratio: 3.27:1 — AA Large

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F5F8F6
100#E0E9E3
200#C1D2C7
300#A1BCAB
400#789E86
500#2F6A45
600#265537
700#1C4029
800#132A1C
900#0C1B11

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #2F6A45?

The RGB equivalent is rgb(47, 106, 69). The red channel is 47, green is 106, and blue is 69 (scale 0–255).

What is the HSL value of #2F6A45?

The HSL value is hsl(142, 39%, 30%). Hue is 142°, saturation is 39%, and lightness is 30%.

Does #2F6A45 meet WCAG accessibility standards?

On a white background, #2F6A45 achieves a 6.43:1 contrast ratio (AA). On a black background it achieves 3.27:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #2F6A45?

The complementary color (180° opposite on the hue wheel) of #2F6A45 is #6A2F54.