#3F255C

#3F255C

Color Values

HEX

#3F255C

RGB

63, 37, 92

HSL

268.4, 42.6%, 25.3%

HSV

268.4, 59.8%, 36.1%

CMYK

31.5%, 59.8%, 0.0%, 63.9%

OKLCH

0.3264 0.0962 303.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3F255C

#425C25

Analogous

#25265C

#5B255C

#3F255C

Triadic

#3F255C

#5C3F25

#255C3F

Split Complementary

#3F255C

#5C5B25

#265C25

Tetradic

#3F255C

#5C2526

#425C25

#255C5B

Color Blindness Simulation

Original

#3F255C

Protanopia

#34344F

Deuteranopia

#35374B

Tritanopia

#3E4442

Achromatopsia

#2E2E2E

CSS Usage

background-color: #3F255C;
color: #3F255C;
border-color: #3F255C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DACCEB
300
#C0A8DC
400
#9F78C9
500
#7D49B6
600
#643B91
700
#502F74
800
#3E255B
900
#2F1E43
950
#1E132A

Contrast Checker

Text on white

12.88:1

AA Pass AAA Pass

Text on black

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