#2F766F

Color Details

HEX
#2F766F
RGB
rgb(47, 118, 111)
HSL
hsl(174, 43%, 32%)
CMYK
cmyk(60%, 0%, 6%, 54%)
Best text on this color #FFFFFF (CR 5.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f766f
Contrast 3.94:1 Fail
White on #2f766f
Contrast 5.33:1 AA
#2f766f on Black
Contrast 3.94:1 Fail
#2f766f on White
Contrast 5.33:1 AA

Tints & Shades

#59918c
#82ada9
#acc8c5
#265e59
#1c4743
#132f2c

Complement & Analogous

#752f36
#2f5975
#2f754b

Triadic

#6e2f75
#756e2f

Monochrome

#132f2c #1c4743 #2f766f #82ada9 #acc8c5 #d5e4e2

Analogous

#2f754b #6d9e81 #2f766f #597a91 #2f5975 #26475e

Complementary Mix

#1c4743 #2f766f #82ada9 #752f36 #a5787c #4c1f23

Nearby Colors

#2f766e
#2f7670
#2f765f
#2f767f

Embed #2F766F swatch

Embed this swatch

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

Open image

About #2F766F

#2F766F converts to RGB(47, 118, 111) and HSL(174, 43%, 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).

#2F766F FAQs

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