#649481

#649481

Color Values

HEX

#649481

RGB

100, 148, 129

HSL

156,2, 19,4%, 48,6%

HSV

156,2, 32,4%, 58,0%

CMYK

32,4%, 0,0%, 12,8%, 42,0%

OKLCH

0,6264 0,0595 167,7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649481

#946477

Analogous

#649469

#648F94

#649481

Triadic

#649481

#816494

#948164

Split Complementary

#649481

#94648F

#946964

Tetradic

#649481

#696494

#946477

#8F9464

Color Blindness Simulation

Original

#649481

Protanopia

#797986

Deuteranopia

#767287

Tritanopia

#66898A

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DD
300
#B6CEC4
400
#8EB3A4
500
#679885
600
#527A6A
700
#426155
800
#334C42
900
#283932
950
#192420

Contrast Checker

Text on white

3,45:1

AA Fail AAA Fail

Text on black

6,09: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