#2F5437

#2F5437

Color Values

HEX

#2F5437

RGB

47, 84, 55

HSL

133,0, 28,2%, 25,7%

HSV

133,0, 44,0%, 32,9%

CMYK

44,0%, 0,0%, 34,5%, 67,1%

OKLCH

0,4092 0,0646 149,7

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#2F5437

#542F4C

Analogous

#3A542F

#2F544A

#2F5437

Triadic

#2F5437

#372F54

#54372F

Split Complementary

#2F5437

#4A2F54

#542F3A

Tetradic

#2F5437

#2F3A54

#542F4C

#544A2F

Color Blindness Simulation

Original

#2F5437

Protanopia

#3F3F3E

Deuteranopia

#3D3A40

Tritanopia

#314445

Achromatopsia

#4A4A4A

CSS Usage

background-color: #2F5437;
color: #2F5437;
border-color: #2F5437;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D1E5D6
300
#B1D3B8
400
#86BB92
500
#5CA36B
600
#498356
700
#3B6945
800
#2E5236
900
#243D29
950
#17261A

Contrast Checker

Text on white

8,59:1

AA Pass AAA Pass

Text on black

2,44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026