#649285

#649285

Color Values

HEX

#649285

RGB

100, 146, 133

HSL

163.0, 18.7%, 48.2%

HSV

163.0, 31.5%, 57.3%

CMYK

31.5%, 0.0%, 8.9%, 42.7%

OKLCH

0.6228 0.0539 174.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649285

#926471

Analogous

#64926E

#648892

#649285

Triadic

#649285

#856492

#928564

Split Complementary

#649285

#926488

#926E64

Tetradic

#649285

#6E6492

#926471

#889264

Color Blindness Simulation

Original

#649285

Protanopia

#787888

Deuteranopia

#757289

Tritanopia

#668B8B

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DE
300
#B6CDC7
400
#8FB2A8
500
#68978A
600
#53796E
700
#426158
800
#344C45
900
#283934
950
#192421

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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