#662F59

#662F59

Color Values

HEX

#662F59

RGB

102, 47, 89

HSL

314.2, 36.9%, 29.2%

HSV

314.2, 53.9%, 40.0%

CMYK

0.0%, 53.9%, 12.7%, 60.0%

OKLCH

0.3947 0.0974 337.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#662F59

#2F663C

Analogous

#572F66

#662F3D

#662F59

Triadic

#662F59

#59662F

#2F5966

Split Complementary

#662F59

#3D662F

#2F6657

Tetradic

#662F59

#66572F

#2F663C

#2F3D66

Color Blindness Simulation

Original

#662F59

Protanopia

#4E4E4F

Deuteranopia

#51554C

Tritanopia

#634745

Achromatopsia

#3E3E3E

CSS Usage

background-color: #662F59;
color: #662F59;
border-color: #662F59;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5F9
100
#F3E8F0
200
#E8CEE2
300
#D8ABCE
400
#C37EB3
500
#AF5098
600
#8C407A
700
#703361
800
#57284C
900
#412039
950
#291424

Contrast Checker

Text on white

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