#648D8C

#648D8C

Color Values

HEX

#648D8C

RGB

100, 141, 140

HSL

178.5, 17.0%, 47.3%

HSV

178.5, 29.1%, 55.3%

CMYK

29.1%, 0.0%, 0.7%, 44.7%

OKLCH

0.6131 0.0452 194.1

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#648D8C

#8D6465

Analogous

#648D78

#647A8D

#648D8C

Triadic

#648D8C

#8C648D

#8D8C64

Split Complementary

#648D8C

#8D647A

#8D7864

Tetradic

#648D8C

#78648D

#8D6465

#7A8D64

Color Blindness Simulation

Original

#648D8C

Protanopia

#76768C

Deuteranopia

#73708C

Tritanopia

#668C8C

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0F0
200
#D5E1E1
300
#B7CCCC
400
#91B1B0
500
#6A9594
600
#557776
700
#445F5F
800
#354B4A
900
#293837
950
#1A2323

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.73:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026