#2F7556

#2F7556

Color Values

HEX

#2F7556

RGB

47, 117, 86

HSL

153.4, 42.7%, 32.2%

HSV

153.4, 59.8%, 45.9%

CMYK

59.8%, 0.0%, 26.5%, 54.1%

OKLCH

0.5087 0.0867 161.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2F7556

#752F4E

Analogous

#2F7533

#2F7175

#2F7556

Triadic

#2F7556

#562F75

#75562F

Split Complementary

#2F7556

#752F71

#75332F

Tetradic

#2F7556

#332F75

#752F4E

#71752F

Color Blindness Simulation

Original

#2F7556

Protanopia

#4D4E5D

Deuteranopia

#49445F

Tritanopia

#326365

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDD
300
#A8DCC5
400
#78C9A5
500
#49B686
600
#3A926B
700
#2F7456
800
#255B43
900
#1E4333
950
#132A20

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail 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