#649368

#649368

Color Values

HEX

#649368

RGB

100, 147, 104

HSL

125.1, 19.0%, 48.4%

HSV

125.1, 32.0%, 57.6%

CMYK

32.0%, 0.0%, 29.3%, 42.4%

OKLCH

0.6175 0.082 146.6

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#649368

#93648F

Analogous

#779364

#64937F

#649368

Triadic

#649368

#686493

#936864

Split Complementary

#649368

#7F6493

#936477

Tetradic

#649368

#647793

#93648F

#937F64

Color Blindness Simulation

Original

#649368

Protanopia

#787972

Deuteranopia

#767275

Tritanopia

#667B7C

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D6
300
#B6CDB8
400
#8FB392
500
#67986B
600
#537956
700
#426145
800
#344C36
900
#28392A
950
#19241A

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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