#648497

#648497

Color Values

HEX

#648497

RGB

100, 132, 151

HSL

202.4, 20.3%, 49.2%

HSV

202.4, 33.8%, 59.2%

CMYK

33.8%, 12.6%, 0.0%, 40.8%

OKLCH

0.5959 0.0465 234.6

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#648497

#977764

Analogous

#649790

#646A97

#648497

Triadic

#648497

#976484

#849764

Split Complementary

#648497

#97646A

#979064

Tetradic

#648497

#906497

#977764

#6A9764

Color Blindness Simulation

Original

#648497

Protanopia

#727292

Deuteranopia

#706E91

Tritanopia

#668F8E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #648497;
color: #648497;
border-color: #648497;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CE
400
#8DA6B4
500
#668699
600
#516B7B
700
#415662
800
#33434D
900
#283339
950
#192024

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026