#649483

#649483

Color Values

HEX

#649483

RGB

100, 148, 131

HSL

158.7, 19.4%, 48.6%

HSV

158.7, 32.4%, 58.0%

CMYK

32.4%, 0.0%, 11.5%, 42.0%

OKLCH

0.627 0.0581 170.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649483

#946475

Analogous

#64946B

#648D94

#649483

Triadic

#649483

#836494

#948364

Split Complementary

#649483

#94648D

#946B64

Tetradic

#649483

#6B6494

#946475

#8D9464

Color Blindness Simulation

Original

#649483

Protanopia

#797987

Deuteranopia

#767288

Tritanopia

#668A8B

Achromatopsia

#898989

CSS Usage

background-color: #649483;
color: #649483;
border-color: #649483;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DD
300
#B6CEC5
400
#8EB3A6
500
#679887
600
#527A6C
700
#426156
800
#334C43
900
#283933
950
#192420

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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