#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026