#631960

#631960

Color Values

HEX

#631960

RGB

99, 25, 96

HSL

302.4, 59.7%, 24.3%

HSV

302.4, 74.7%, 38.8%

CMYK

0.0%, 74.7%, 3.0%, 61.2%

OKLCH

0.3654 0.1366 329.7

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#631960

#19631C

Analogous

#411963

#63193B

#631960

Triadic

#631960

#606319

#196063

Split Complementary

#631960

#3B6319

#196341

Tetradic

#631960

#634119

#19631C

#193B63

Color Blindness Simulation

Original

#631960

Protanopia

#43424F

Deuteranopia

#474D4B

Tritanopia

#5F413E

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F5
200
#F1C6EF
300
#E69DE3
400
#D968D4
500
#CC33C6
600
#A3299E
700
#82217E
800
#661A63
900
#4A1648
950
#2F0E2E

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

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