#2F9066

#2F9066

Color Values

HEX

#2F9066

RGB

47, 144, 102

HSL

154.0, 50.8%, 37.5%

HSV

154.0, 67.4%, 56.5%

CMYK

67.4%, 0.0%, 29.2%, 43.5%

OKLCH

0.5857 0.1112 160.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#2F9066

#902F59

Analogous

#2F9036

#2F8A90

#2F9066

Triadic

#2F9066

#662F90

#90662F

Split Complementary

#2F9066

#902F8A

#90362F

Tetradic

#2F9066

#362F90

#902F59

#8A902F

Color Blindness Simulation

Original

#2F9066

Protanopia

#595A70

Deuteranopia

#534C73

Tritanopia

#34787A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5EE
200
#C9EDDE
300
#A3E1C6
400
#71D1A7
500
#3FC088
600
#329A6D
700
#287B57
800
#1F6044
900
#1A4733
950
#112D20

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3: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