#665FB4

#665FB4

Color Values

HEX

#665FB4

RGB

102, 95, 180

HSL

244.9, 36.2%, 53.9%

HSV

244.9, 47.2%, 70.6%

CMYK

43.3%, 47.2%, 0.0%, 29.4%

OKLCH

0.5327 0.13 284.8

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#665FB4

#ADB45F

Analogous

#5F82B4

#905FB4

#665FB4

Triadic

#665FB4

#B4665F

#5FB466

Split Complementary

#665FB4

#B4905F

#82B45F

Tetradic

#665FB4

#B45F82

#ADB45F

#5FB490

Color Blindness Simulation

Original

#665FB4

Protanopia

#63639F

Deuteranopia

#63649A

Tritanopia

#668F8C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D0CEE8
300
#AFACD8
400
#847EC3
500
#5951AE
600
#47418B
700
#39346F
800
#2C2957
900
#232140
950
#161529

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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