#67627D

#67627D

Color Values

HEX

#67627D

RGB

103, 98, 125

HSL

251.1, 12.1%, 43.7%

HSV

251.1, 21.6%, 49.0%

CMYK

17.6%, 21.6%, 0.0%, 51.0%

OKLCH

0.5109 0.0427 293.3

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#67627D

#787D62

Analogous

#626A7D

#74627D

#67627D

Triadic

#67627D

#7D6762

#627D67

Split Complementary

#67627D

#7D7462

#6A7D62

Tetradic

#67627D

#7D626A

#787D62

#627D74

Color Blindness Simulation

Original

#67627D

Protanopia

#656576

Deuteranopia

#656675

Tritanopia

#677170

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D9D7E0
300
#BDBAC9
400
#9995AC
500
#76708F
600
#5E5A72
700
#4B485B
800
#3B3847
900
#2D2B36
950
#1D1B22

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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