#649180

#649180

Color Values

HEX

#649180

RGB

100, 145, 128

HSL

157.3, 18.4%, 48.0%

HSV

157.3, 31.0%, 56.9%

CMYK

31.0%, 0.0%, 11.7%, 43.1%

OKLCH

0.6189 0.0556 169.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649180

#916475

Analogous

#649169

#648B91

#649180

Triadic

#649180

#806491

#918064

Split Complementary

#649180

#91648B

#916964

Tetradic

#649180

#696491

#916475

#8B9164

Color Blindness Simulation

Original

#649180

Protanopia

#777884

Deuteranopia

#757285

Tritanopia

#668788

Achromatopsia

#868686

CSS Usage

background-color: #649180;
color: #649180;
border-color: #649180;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC5
400
#8FB2A5
500
#689785
600
#53796B
700
#436155
800
#344B43
900
#283832
950
#1A2420

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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