#649296

#649296

Color Values

HEX

#649296

RGB

100, 146, 150

HSL

184.8, 20.0%, 49.0%

HSV

184.8, 33.3%, 58.8%

CMYK

33.3%, 2.7%, 0.0%, 41.2%

OKLCH

0.6284 0.0501 202.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#649296

#966864

Analogous

#649681

#647996

#649296

Triadic

#649296

#966492

#929664

Split Complementary

#649296

#966479

#968164

Tetradic

#649296

#816496

#966864

#799664

Color Blindness Simulation

Original

#649296

Protanopia

#787895

Deuteranopia

#757295

Tritanopia

#669494

Achromatopsia

#898989

CSS Usage

background-color: #649296;
color: #649296;
border-color: #649296;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E2
300
#B6CCCE
400
#8EB1B4
500
#669599
600
#52777A
700
#415F62
800
#334A4D
900
#283839
950
#192324

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

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