#31936B

#31936B

Color Values

HEX

#31936B

RGB

49, 147, 107

HSL

155.5, 50.0%, 38.4%

HSV

155.5, 66.7%, 57.6%

CMYK

66.7%, 0.0%, 27.2%, 42.4%

OKLCH

0.5956 0.11 162.4

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#31936B

#933159

Analogous

#31933A

#318A93

#31936B

Triadic

#31936B

#6B3193

#936B31

Split Complementary

#31936B

#93318A

#933A31

Tetradic

#31936B

#3A3193

#933159

#8A9331

Color Blindness Simulation

Original

#31936B

Protanopia

#5B5C75

Deuteranopia

#564E77

Tritanopia

#367C7E

Achromatopsia

#7B7B7B

CSS Usage

background-color: #31936B;
color: #31936B;
border-color: #31936B;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#C9EDDF
300
#A3E0C7
400
#71D0A9
500
#40BF8B
600
#33996F
700
#297A59
800
#206046
900
#1B4634
950
#112C21

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026