#2C714E

#2C714E

Color Values

HEX

#2C714E

RGB

44, 113, 78

HSL

149.6, 43.9%, 30.8%

HSV

149.6, 61.1%, 44.3%

CMYK

61.1%, 0.0%, 31.0%, 55.7%

OKLCH

0.4945 0.09 158.3

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#2C714E

#712C4F

Analogous

#2D712C

#2C7171

#2C714E

Triadic

#2C714E

#4E2C71

#714E2C

Split Complementary

#2C714E

#712C71

#712C2D

Tetradic

#2C714E

#2C2D71

#712C4F

#71712C

Color Blindness Simulation

Original

#2C714E

Protanopia

#4A4A56

Deuteranopia

#464158

Tritanopia

#2F5D5F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CCEBDB
300
#A7DDC1
400
#77CAA0
500
#48B77F
600
#399365
700
#2E7551
800
#245C3F
900
#1D4430
950
#132B1E

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

3.58:1

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