#2F8464

#2F8464

Color Values

HEX

#2F8464

RGB

47, 132, 100

HSL

157.4, 47.5%, 35.1%

HSV

157.4, 64.4%, 51.8%

CMYK

64.4%, 0.0%, 24.2%, 48.2%

OKLCH

0.5531 0.0961 164.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2F8464

#842F4F

Analogous

#2F8439

#2F7A84

#2F8464

Triadic

#2F8464

#642F84

#84642F

Split Complementary

#2F8464

#842F7A

#84392F

Tetradic

#2F8464

#392F84

#842F4F

#7A842F

Color Blindness Simulation

Original

#2F8464

Protanopia

#54556C

Deuteranopia

#4F486E

Tritanopia

#337273

Achromatopsia

#707070

CSS Usage

background-color: #2F8464;
color: #2F8464;
border-color: #2F8464;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECDF
300
#A5DFC9
400
#74CDAC
500
#43BC8E
600
#369672
700
#2B785B
800
#215E47
900
#1C4536
950
#122C22

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026