#3F0271

#3F0271

Color Values

HEX

#3F0271

RGB

63, 2, 113

HSL

273,0, 96,5%, 22,5%

HSV

273,0, 98,2%, 44,3%

CMYK

44,2%, 98,2%, 0,0%, 55,7%

OKLCH

0,3059 0,1604 300,5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#3F0271

#347102

Analogous

#080271

#71026B

#3F0271

Triadic

#3F0271

#713F02

#02713F

Split Complementary

#3F0271

#6B7102

#027108

Tetradic

#3F0271

#710802

#347102

#026B71

Color Blindness Simulation

Original

#3F0271

Protanopia

#252456

Deuteranopia

#282D50

Tritanopia

#3C413C

Achromatopsia

#171717

CSS Usage

background-color: #3F0271;
color: #3F0271;
border-color: #3F0271;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F1FE
100
#EFDFFC
200
#DFB9FE
300
#C887FD
400
#AA46FC
500
#8C04FB
600
#7004C8
700
#5903A0
800
#46027D
900
#35065B
950
#210439

Contrast Checker

Text on white

14,4:1

AA Pass AAA Pass

Text on black

1,46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026