#675C79

#675C79

Color Values

HEX

#675C79

RGB

103, 92, 121

HSL

262.8, 13.6%, 41.8%

HSV

262.8, 24.0%, 47.5%

CMYK

14.9%, 24.0%, 0.0%, 52.5%

OKLCH

0.4962 0.0473 302.0

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#675C79

#6E795C

Analogous

#5C6079

#765C79

#675C79

Triadic

#675C79

#79675C

#5C7967

Split Complementary

#675C79

#79765C

#60795C

Tetradic

#675C79

#795C60

#6E795C

#5C7976

Color Blindness Simulation

Original

#675C79

Protanopia

#626272

Deuteranopia

#636470

Tritanopia

#666C6B

Achromatopsia

#606060

CSS Usage

background-color: #675C79;
color: #675C79;
border-color: #675C79;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DAD6E0
300
#C0B9CA
400
#9E94AD
500
#7B6E91
600
#635874
700
#4F475D
800
#3E3748
900
#2F2B36
950
#1E1B22

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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