#602687

#602687

Color Values

HEX

#602687

RGB

96, 38, 135

HSL

275.9, 56.1%, 33.9%

HSV

275.9, 71.9%, 52.9%

CMYK

28.9%, 71.9%, 0.0%, 47.1%

OKLCH

0.4024 0.1563 308.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#602687

#4D8726

Analogous

#2F2687

#87267D

#602687

Triadic

#602687

#876026

#268760

Split Complementary

#602687

#7D8726

#26872F

Tetradic

#602687

#872F26

#4D8726

#267D87

Color Blindness Simulation

Original

#602687

Protanopia

#474670

Deuteranopia

#4A4F6A

Tritanopia

#5D5D59

Achromatopsia

#393939

CSS Usage

background-color: #602687;
color: #602687;
border-color: #602687;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#DFC7EF
300
#C99FE4
400
#AB6CD6
500
#8E38C7
600
#712D9F
700
#5B247F
800
#471C64
900
#351849
950
#220F2E

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

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