#665B80

#665B80

Color Values

HEX

#665B80

RGB

102, 91, 128

HSL

257.8, 16.9%, 42.9%

HSV

257.8, 28.9%, 50.2%

CMYK

20.3%, 28.9%, 0.0%, 49.8%

OKLCH

0.4963 0.0594 297.8

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#665B80

#75805B

Analogous

#5B6280

#785B80

#665B80

Triadic

#665B80

#80665B

#5B8066

Split Complementary

#665B80

#80785B

#62805B

Tetradic

#665B80

#805B62

#75805B

#5B8078

Color Blindness Simulation

Original

#665B80

Protanopia

#616177

Deuteranopia

#626375

Tritanopia

#65706E

Achromatopsia

#606060

CSS Usage

background-color: #665B80;
color: #665B80;
border-color: #665B80;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D5E1
300
#BEB7CC
400
#9A91B1
500
#776A95
600
#5F5577
700
#4C445F
800
#3B354B
900
#2D2938
950
#1D1A23

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail 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