#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