#665FB7

#665FB7

Color Values

HEX

#665FB7

RGB

102, 95, 183

HSL

244.8, 37.9%, 54.5%

HSV

244.8, 48.1%, 71.8%

CMYK

44.3%, 48.1%, 0.0%, 28.2%

OKLCH

0.5346 0.1343 284.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#665FB7

#B0B75F

Analogous

#5F84B7

#925FB7

#665FB7

Triadic

#665FB7

#B7665F

#5FB766

Split Complementary

#665FB7

#B7925F

#84B75F

Tetradic

#665FB7

#B75F84

#B0B75F

#5FB792

Color Blindness Simulation

Original

#665FB7

Protanopia

#6363A2

Deuteranopia

#63649D

Tritanopia

#66918D

Achromatopsia

#676767

CSS Usage

background-color: #665FB7;
color: #665FB7;
border-color: #665FB7;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CEE9
300
#AEABD9
400
#837DC4
500
#574FB0
600
#463F8D
700
#383371
800
#2B2858
900
#232041
950
#161429

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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