#3F127D

#3F127D

Color Values

HEX

#3F127D

RGB

63, 18, 125

HSL

265.2, 74.8%, 28.0%

HSV

265.2, 85.6%, 49.0%

CMYK

49.6%, 85.6%, 0.0%, 51.0%

OKLCH

0.33 0.1612 294.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3F127D

#507D12

Analogous

#121B7D

#74127D

#3F127D

Triadic

#3F127D

#7D3F12

#127D3F

Split Complementary

#3F127D

#7D7412

#1B7D12

Tetradic

#3F127D

#7D121B

#507D12

#127D74

Color Blindness Simulation

Original

#3F127D

Protanopia

#2C2B63

Deuteranopia

#2E315D

Tritanopia

#3D4F4A

Achromatopsia

#232323

CSS Usage

background-color: #3F127D;
color: #3F127D;
border-color: #3F127D;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F2FC
100
#EBE2F8
200
#D7C1F6
300
#BA94F0
400
#955AE7
500
#7020DF
600
#5A1AB2
700
#48158F
800
#38106F
900
#2B1051
950
#1B0A33

Contrast Checker

Text on white

13.17:1

AA Pass AAA Pass

Text on black

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