#649090

#649090

Color Values

HEX

#649090

RGB

100, 144, 144

HSL

180.0, 18.0%, 47.8%

HSV

180.0, 30.6%, 56.5%

CMYK

30.6%, 0.0%, 0.0%, 43.5%

OKLCH

0.6216 0.048 196.0

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#649090

#906464

Analogous

#64907A

#647A90

#649090

Triadic

#649090

#906490

#909064

Split Complementary

#649090

#90647A

#907A64

Tetradic

#649090

#7A6490

#906464

#7A9064

Color Blindness Simulation

Original

#649090

Protanopia

#777790

Deuteranopia

#747190

Tritanopia

#669090

Achromatopsia

#878787

CSS Usage

background-color: #649090;
color: #649090;
border-color: #649090;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D5E2E2
300
#B7CDCD
400
#90B2B2
500
#699696
600
#547878
700
#436060
800
#344B4B
900
#293838
950
#1A2424

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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