#648DA7

#648DA7

Color Values

HEX

#648DA7

RGB

100, 141, 167

HSL

203.3, 27.6%, 52.4%

HSV

203.3, 40.1%, 65.5%

CMYK

40.1%, 15.6%, 0.0%, 34.5%

OKLCH

0.6231 0.0599 236.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#648DA7

#A77E64

Analogous

#64A7A0

#646CA7

#648DA7

Triadic

#648DA7

#A7648D

#8DA764

Split Complementary

#648DA7

#A7646C

#A7A064

Tetradic

#648DA7

#A064A7

#A77E64

#6CA764

Color Blindness Simulation

Original

#648DA7

Protanopia

#7676A1

Deuteranopia

#73709F

Tritanopia

#669C9B

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DEE5
300
#B1C6D3
400
#87A6BB
500
#5C87A3
600
#4A6C82
700
#3B5768
800
#2E4451
900
#24333C
950
#172026

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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