#1F9963

#1F9963

Color Values

HEX

#1F9963

RGB

31, 153, 99

HSL

153.4, 66.3%, 36.1%

HSV

153.4, 79.7%, 60.0%

CMYK

79.7%, 0.0%, 35.3%, 40.0%

OKLCH

0.6057 0.1319 158.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#1F9963

#991F55

Analogous

#1F9926

#1F9299

#1F9963

Triadic

#1F9963

#631F99

#99631F

Split Complementary

#1F9963

#991F92

#99261F

Tetradic

#1F9963

#261F99

#991F55

#92991F

Color Blindness Simulation

Original

#1F9963

Protanopia

#545570

Deuteranopia

#4D4473

Tritanopia

#257A7D

Achromatopsia

#7B7B7B

CSS Usage

background-color: #1F9963;
color: #1F9963;
border-color: #1F9963;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F3DE
300
#99EAC6
400
#62DFA8
500
#2BD489
600
#22AA6E
700
#1B8858
800
#156A45
900
#144D34
950
#0C3121

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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