#67487D

#67487D

Color Values

HEX

#67487D

RGB

103, 72, 125

HSL

275.1, 26.9%, 38.6%

HSV

275.1, 42.4%, 49.0%

CMYK

17.6%, 42.4%, 0.0%, 51.0%

OKLCH

0.4578 0.0908 310.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#67487D

#5E7D48

Analogous

#4C487D

#7D4878

#67487D

Triadic

#67487D

#7D6748

#487D67

Split Complementary

#67487D

#787D48

#487D4C

Tetradic

#67487D

#7D4C48

#5E7D48

#48787D

Color Blindness Simulation

Original

#67487D

Protanopia

#5A5970

Deuteranopia

#5B5E6D

Tritanopia

#656664

Achromatopsia

#525252

CSS Usage

background-color: #67487D;
color: #67487D;
border-color: #67487D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DDD2E5
300
#C5B1D2
400
#A587BA
500
#855DA2
600
#6B4B81
700
#553C68
800
#432F51
900
#32253C
950
#201726

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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