Skip to main content
ToolsHub
#2F6A62

#2F6A62 Color — #2F6A62

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

Color Format Conversions

HEX#2F6A62
RGBrgb(47, 106, 98)
HSLhsl(172, 39%, 30%)
HSVhsv(172, 56%, 42%)
CMYKC:56% M:0% Y:8% K:58%
CSS Color#2F6A62
Decimal3107426
Luminance0.1179

WCAG Accessibility Contrast

#2F6A62 on White
Ratio: 6.25:1 — AA
#2F6A62 on Black
Ratio: 3.36:1 — AA Large
White on #2F6A62
Ratio: 6.25:1 — AA
Black on #2F6A62
Ratio: 3.36: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#F5F8F7
100#E0E9E7
200#C1D2D0
300#A1BCB8
400#789E99
500#2F6A62
600#26554E
700#1C403B
800#132A27
900#0C1B19

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 #2F6A62?

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

What is the HSL value of #2F6A62?

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

Does #2F6A62 meet WCAG accessibility standards?

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

What is the complementary color of #2F6A62?

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