#2F736C

Color Details

HEX
#2F736C
RGB
rgb(47, 115, 108)
HSL
hsl(174, 42%, 32%)
CMYK
cmyk(59%, 0%, 6%, 55%)
Best text on this color #FFFFFF (CR 5.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f736c
Contrast 3.79:1 Fail
White on #2f736c
Contrast 5.54:1 AA
#2f736c on Black
Contrast 3.79:1 Fail
#2f736c on White
Contrast 5.54:1 AA

Tints & Shades

#598f89
#82aba7
#acc7c4
#265c56
#1c4541
#132e2b

Complement & Analogous

#742f36
#2f5874
#2f744b

Triadic

#6d2f74
#746d2f

Monochrome

#132e2b #1c4541 #2f736c #82aba7 #acc7c4 #d5e3e2

Analogous

#2f744b #6d9e81 #2f736c #597990 #2f5874 #26465d

Complementary Mix

#1c4541 #2f736c #82aba7 #742f36 #a5787c #4b1f23

Nearby Colors

#2f736b
#2f736d
#2f735c
#2f737c

Embed #2F736C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2F736C

#2F736C converts to RGB(47, 115, 108) and HSL(174, 42%, 32%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2F736C FAQs

What is the RGB value of #2F736C?
RGB: 47, 115, 108. Copy as CSS: rgb(47, 115, 108)
Is #2F736C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F736C?
Complement: #742f36.
Does #2F736C have good contrast on white or black?
On white: 5.54:1 (AA (normal text)). On black: 3.79:1 (AA (large text)).