#67607E

#67607E

Color Values

HEX

#67607E

RGB

103, 96, 126

HSL

254.0, 13.5%, 43.5%

HSV

254.0, 23.8%, 49.4%

CMYK

18.3%, 23.8%, 0.0%, 50.6%

OKLCH

0.507 0.0477 295.3

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#67607E

#777E60

Analogous

#60687E

#76607E

#67607E

Triadic

#67607E

#7E6760

#607E67

Split Complementary

#67607E

#7E7660

#687E60

Tetradic

#67607E

#7E6068

#777E60

#607E76

Color Blindness Simulation

Original

#67607E

Protanopia

#646477

Deuteranopia

#646575

Tritanopia

#677170

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D9D6E0
300
#BDBACA
400
#9A94AD
500
#766E91
600
#5F5874
700
#4C475D
800
#3B3748
900
#2D2B36
950
#1D1B22

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.55:1

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