#199F5F

#199F5F

Color Values

HEX

#199F5F

RGB

25, 159, 95

HSL

151.3, 72.8%, 36.1%

HSV

151.3, 84.3%, 62.4%

CMYK

84.3%, 0.0%, 40.3%, 37.6%

OKLCH

0.6201 0.145 155.6

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#199F5F

#9F1959

Analogous

#199F1C

#199C9F

#199F5F

Triadic

#199F5F

#5F199F

#9F5F19

Split Complementary

#199F5F

#9F199C

#9F1C19

Tetradic

#199F5F

#1C199F

#9F1959

#9C9F19

Color Blindness Simulation

Original

#199F5F

Protanopia

#53546E

Deuteranopia

#4B4172

Tritanopia

#207B7D

Achromatopsia

#7E7E7E

CSS Usage

background-color: #199F5F;
color: #199F5F;
border-color: #199F5F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C1F5DC
300
#95EEC4
400
#5CE5A4
500
#23DC84
600
#1CB069
700
#168D54
800
#116E42
900
#115032
950
#0B331F

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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