#3D3FDA

#3D3FDA

Color Values

HEX

#3D3FDA

RGB

61, 63, 218

HSL

239.2, 68.0%, 54.7%

HSV

239.2, 72.0%, 85.5%

CMYK

72.0%, 71.1%, 0.0%, 14.5%

OKLCH

0.4787 0.2282 273.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3D3FDA

#DAD83D

Analogous

#3D8EDA

#893DDA

#3D3FDA

Triadic

#3D3FDA

#DA3D3F

#3FDA3D

Split Complementary

#3D3FDA

#DA893D

#8EDA3D

Tetradic

#3D3FDA

#DA3D8E

#DAD83D

#3DDA89

Color Blindness Simulation

Original

#3D3FDA

Protanopia

#3E3EB5

Deuteranopia

#3E3EAC

Tritanopia

#3D9790

Achromatopsia

#4A4A4A

CSS Usage

background-color: #3D3FDA;
color: #3D3FDA;
border-color: #3D3FDA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C4F4
300
#9899EB
400
#6062E1
500
#292BD6
600
#2122AB
700
#1A1C89
800
#14166B
900
#13144E
950
#0C0C31

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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