#648681

#648681

Color Values

HEX

#648681

RGB

100, 134, 129

HSL

171.2, 14.5%, 45.9%

HSV

171.2, 25.4%, 52.5%

CMYK

25.4%, 0.0%, 3.7%, 47.5%

OKLCH

0.5927 0.0391 185.0

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#648681

#866469

Analogous

#648670

#647A86

#648681

Triadic

#648681

#816486

#868164

Split Complementary

#648681

#86647A

#867064

Tetradic

#648681

#706486

#866469

#7A8664

Color Blindness Simulation

Original

#648681

Protanopia

#737382

Deuteranopia

#716E82

Tritanopia

#668383

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#B9CBC8
400
#93AEAA
500
#6D928D
600
#577570
700
#465D5A
800
#374946
900
#2A3735
950
#1B2321

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026