#299F6F

#299F6F

Color Values

HEX

#299F6F

RGB

41, 159, 111

HSL

155.6, 59.0%, 39.2%

HSV

155.6, 74.2%, 62.4%

CMYK

74.2%, 0.0%, 30.2%, 37.6%

OKLCH

0.6264 0.1259 161.2

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#299F6F

#9F2959

Analogous

#299F34

#29949F

#299F6F

Triadic

#299F6F

#6F299F

#9F6F29

Split Complementary

#299F6F

#9F2994

#9F3429

Tetradic

#299F6F

#34299F

#9F2959

#949F29

Color Blindness Simulation

Original

#299F6F

Protanopia

#5C5D7B

Deuteranopia

#554C7D

Tritanopia

#2F8486

Achromatopsia

#828282

CSS Usage

background-color: #299F6F;
color: #299F6F;
border-color: #299F6F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C6F0DF
300
#9EE6C9
400
#69D8AB
500
#34CB8E
600
#2AA271
700
#21825B
800
#1A6547
900
#174A35
950
#0E2F22

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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