#3D3DF4

#3D3DF4

Color Values

HEX

#3D3DF4

RGB

61, 61, 244

HSL

240.0, 89.3%, 59.8%

HSV

240.0, 75.0%, 95.7%

CMYK

75.0%, 75.0%, 0.0%, 4.3%

OKLCH

0.5021 0.2604 272.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3D3DF4

#F4F43D

Analogous

#3D98F4

#983DF4

#3D3DF4

Triadic

#3D3DF4

#F43D3D

#3DF43D

Split Complementary

#3D3DF4

#F4983D

#98F43D

Tetradic

#3D3DF4

#F43D98

#F4F43D

#3DF498

Color Blindness Simulation

Original

#3D3DF4

Protanopia

#3D3DC8

Deuteranopia

#3D3DBD

Tritanopia

#3DA59D

Achromatopsia

#4A4A4A

CSS Usage

background-color: #3D3DF4;
color: #3D3DF4;
border-color: #3D3DF4;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BBBBFB
300
#8B8BF8
400
#4C4CF5
500
#0E0EF1
600
#0B0BC1
700
#09099A
800
#070779
900
#0A0A57
950
#060637

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026