#665387

#665387

Color Values

HEX

#665387

RGB

102, 83, 135

HSL

261,9, 23,9%, 42,7%

HSV

261,9, 38,5%, 52,9%

CMYK

24,4%, 38,5%, 0,0%, 47,1%

OKLCH

0,4833 0,0842 300,1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#665387

#748753

Analogous

#535A87

#805387

#665387

Triadic

#665387

#876653

#538766

Split Complementary

#665387

#878053

#5A8753

Tetradic

#665387

#87535A

#748753

#538780

Color Blindness Simulation

Original

#665387

Protanopia

#5E5E7A

Deuteranopia

#5F6077

Tritanopia

#65706E

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D9D3E4
300
#BEB3D0
400
#9B8AB7
500
#77619E
600
#5F4E7E
700
#4C3E65
800
#3C314F
900
#2E263B
950
#1D1825

Contrast Checker

Text on white

6,66:1

AA Pass AAA Fail

Text on black

3,15:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026