#2F8554

#2F8554

Color Values

HEX

#2F8554

RGB

47, 133, 84

HSL

145.8, 47.8%, 35.3%

HSV

145.8, 64.7%, 52.2%

CMYK

64.7%, 0.0%, 36.8%, 47.8%

OKLCH

0.5519 0.1125 154.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#2F8554

#852F60

Analogous

#35852F

#2F857F

#2F8554

Triadic

#2F8554

#542F85

#85542F

Split Complementary

#2F8554

#7F2F85

#852F35

Tetradic

#2F8554

#2F3585

#852F60

#857F2F

Color Blindness Simulation

Original

#2F8554

Protanopia

#545560

Deuteranopia

#4F4963

Tritanopia

#33696B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #2F8554;
color: #2F8554;
border-color: #2F8554;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD9
300
#A5DFBE
400
#74CE9A
500
#43BC77
600
#35975F
700
#2B794C
800
#215E3B
900
#1C452E
950
#112C1D

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026