Skip to main content
ToolsHub
#2F546A

#2F546A Color — #2F546A

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

Color Format Conversions

HEX#2F546A
RGBrgb(47, 84, 106)
HSLhsl(202, 39%, 30%)
HSVhsv(202, 56%, 42%)
CMYKC:56% M:21% Y:0% K:58%
CSS Color#2F546A
Decimal3101802
Luminance0.0799

WCAG Accessibility Contrast

#2F546A on White
Ratio: 8.09:1 — AAA
#2F546A on Black
Ratio: 2.6:1 — Fail
White on #2F546A
Ratio: 8.09:1 — AAA
Black on #2F546A
Ratio: 2.6:1 — Fail

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

Shades & Tints Scale

50#F5F6F8
100#E0E5E9
200#C1CCD2
300#A1B2BC
400#78909E
500#2F546A
600#264355
700#1C3240
800#13222A
900#0C151B

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

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

What is the HSL value of #2F546A?

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

Does #2F546A meet WCAG accessibility standards?

On a white background, #2F546A achieves a 8.09:1 contrast ratio (AAA). On a black background it achieves 2.6:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #2F546A?

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