#648076

#648076

Color Values

HEX

#648076

RGB

100, 128, 118

HSL

158.6, 12.3%, 44.7%

HSV

158.6, 21.9%, 50.2%

CMYK

21.9%, 0.0%, 7.8%, 49.8%

OKLCH

0.5749 0.0357 171.2

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#648076

#80646E

Analogous

#648068

#647C80

#648076

Triadic

#648076

#766480

#807664

Split Complementary

#648076

#80647C

#806864

Tetradic

#648076

#686480

#80646E

#7C8064

Color Blindness Simulation

Original

#648076

Protanopia

#707078

Deuteranopia

#6E6C79

Tritanopia

#657A7B

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DD
300
#BAC9C4
400
#95ACA4
500
#708F84
600
#59736A
700
#485C54
800
#384842
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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