#31895F

#31895F

Color Values

HEX

#31895F

RGB

49, 137, 95

HSL

151.4, 47.3%, 36.5%

HSV

151.4, 64.2%, 53.7%

CMYK

64.2%, 0.0%, 30.7%, 46.3%

OKLCH

0.5659 0.1068 159.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#31895F

#89315B

Analogous

#318933

#318789

#31895F

Triadic

#31895F

#5F3189

#895F31

Split Complementary

#31895F

#893187

#893331

Tetradic

#31895F

#333189

#89315B

#878931

Color Blindness Simulation

Original

#31895F

Protanopia

#575869

Deuteranopia

#524B6C

Tritanopia

#357173

Achromatopsia

#737373

CSS Usage

background-color: #31895F;
color: #31895F;
border-color: #31895F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CAECDC
300
#A5DFC3
400
#74CDA3
500
#43BC82
600
#369668
700
#2B7853
800
#225E41
900
#1C4531
950
#122C1F

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

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