Maroon Colors  ·  Color Library

Palettes / Colors / #2FC151

#2FC151 — Green

#2FC151 is a green color we call Green, closest to the named color SeaGreen (#2E8B57). It belongs to the green family.

#2FC151 is a warm-leaning green color associated with growth, calm and balance. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #C12F9F; it also sits naturally between #56C12F and #2FC19A. In the palettes below you can see it working alongside real color combinations from our collection.

#2FC151 · RGB 47, 193, 81

Download PNG swatch SVG

Color values

HEX#2FC151
RGB47, 193, 81
HSL134°, 61%, 47%
HSV134°, 76%, 76%
CMYK76%, 0%, 58%, 24%
XYZ21.73, 39.34, 14.23
Yxy39.34, 0.2886, 0.5224
CIE-Lab69.00, -60.64, 45.04
Hunter Lab62.72, -45.28, 28.08

RGB & CMYK percentages

Red 18% · Green 76% · Blue 32%

Cyan 76% · Magenta 0% · Yellow 58% · Key 24%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #2FC151 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #2FC151 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #2FC151

.text { color: #2FC151; }
.background { background-color: #2FC151; }
.border { border: 3px solid #2FC151; }
.text-rgb { color: rgb(47, 193, 81); }
.text-hsl { color: hsl(134, 61%, 47%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #2FC151; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(47, 193, 81, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #2FC151; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(47, 193, 81, 0.8); }

HTML: <p style="color:#2FC151">Text here</p> · <div style="background-color:#2FC151">Div content here</div>

Shades of #2FC151

#2BB14A#269C41#228C3A#1E7B34#1A6B2D#155624#11461D#0D3516#08210E#041007

Tints of #2FC151

#3ACF5D#4ED46E#63D97F#78DE8F#8CE3A0#9CE7AE#B1ECBF#C6F1D0#DAF6E1#EFFBF1

Tones of #2FC151

#3AB657#43AD5C#4EA261#599767#638C6D#6D8372

Color harmonies

Complementary — #C12F9F:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.37:1 Fails
Against black text8.87:1 AAA

Best text color on #2FC151: #000000.

How #2FC151 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #6E706CDeuteranopia · #665B73Tritanopia · #368186

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind green 500 · #22C55EMaterial Green 500 · #4CAF50Tailwind green 600 · #16A34A

Palettes with a similar color

These palettes use a close neighbour of #2FC151 rather than the exact color:

Radiant Opal
#2CBE51 · #1F7561 · #318FB5 · #293C84
Honey Zephyr
#44A71D · #2EBD49 · #199E72 · #6FCADA
Modern Aurora
#31CB53 · #1C9180 · #173F63 · #3325A8
Vivid Ruby Mirage
#2E1F81 · #A73C28 · #2EBD44 · #D7CFED
Honey Ruby Cinder
#3C2AA5 · #CD4E38 · #2FBA44 · #BEBDE6
Tranquil Ruby Meadow
#AD228F · #DE57C5 · #28CE4C · #B9ECCB

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#2CBE51#2EBD49#31CB53#2EBD44#2FBA44#28CE4C#27CF4F#32C742#1EC251#20C549#2BB159#3ECC56

Browse neighbouring colors

← #2FC150  ·  #2FC152 →

Frequently asked questions

What color is #2FC151?

#2FC151 is Green, a green color (RGB 47, 193, 81). Its closest standard named color is SeaGreen.

What is the RGB and HSL of #2FC151?

#2FC151 is RGB 47, 193, 81 — HSL 134°, 61%, 47% — CMYK 76%, 0%, 58%, 24%.

What colors go with #2FC151?

Its complement is #C12F9F; analogous partners are #56C12F and #2FC19A. It also appears in 6+ palettes in our collection.

Can I use #2FC151 for text?

Black text on #2FC151 has a contrast ratio of 8.87:1 (passes WCAG AA); white text gives 2.37:1.