#630258

#630258

Color Values

HEX

#630258

RGB

99, 2, 88

HSL

306.8, 96.0%, 19.8%

HSV

306.8, 98.0%, 38.8%

CMYK

0.0%, 98.0%, 11.1%, 61.2%

OKLCH

0.3444 0.1517 334.3

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#630258

#02630D

Analogous

#3D0263

#630228

#630258

Triadic

#630258

#586302

#025863

Split Complementary

#630258

#286302

#02633D

Tetradic

#630258

#633D02

#02630D

#022863

Color Blindness Simulation

Original

#630258

Protanopia

#393843

Deuteranopia

#3F463E

Tritanopia

#5E332F

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDFF8
200
#FEB9F6
300
#FD87EF
400
#FB46E7
500
#FA05DE
600
#C804B2
700
#A0038E
800
#7D036F
900
#5A0751
950
#390433

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

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