#649186

#649186

Color Values

HEX

#649186

RGB

100, 145, 134

HSL

165.3, 18.4%, 48.0%

HSV

165.3, 31.0%, 56.9%

CMYK

31.0%, 0.0%, 7.6%, 43.1%

OKLCH

0.6207 0.0519 177.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649186

#91646F

Analogous

#64916F

#648591

#649186

Triadic

#649186

#866491

#918664

Split Complementary

#649186

#916485

#916F64

Tetradic

#649186

#6F6491

#91646F

#859164

Color Blindness Simulation

Original

#649186

Protanopia

#777889

Deuteranopia

#757289

Tritanopia

#668B8B

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#8FB2AA
500
#68978B
600
#537970
700
#436159
800
#344B46
900
#283835
950
#1A2421

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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