#649286

#649286

Color Values

HEX

#649286

RGB

100, 146, 134

HSL

164.3, 18.7%, 48.2%

HSV

164.3, 31.5%, 57.3%

CMYK

31.5%, 0.0%, 8.2%, 42.7%

OKLCH

0.6231 0.0533 176.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649286

#926470

Analogous

#64926F

#648792

#649286

Triadic

#649286

#866492

#928664

Split Complementary

#649286

#926487

#926F64

Tetradic

#649286

#6F6492

#926470

#879264

Color Blindness Simulation

Original

#649286

Protanopia

#787889

Deuteranopia

#75728A

Tritanopia

#668B8C

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DE
300
#B6CDC7
400
#8FB2A9
500
#68978B
600
#53796F
700
#426159
800
#344C45
900
#283934
950
#192421

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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