#3D3DFE

#3D3DFE

Color Values

HEX

#3D3DFE

RGB

61, 61, 254

HSL

240.0, 99.0%, 61.8%

HSV

240.0, 76.0%, 99.6%

CMYK

76.0%, 76.0%, 0.0%, 0.4%

OKLCH

0.5125 0.2716 271.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3D3DFE

#FEFE3D

Analogous

#3D9EFE

#9E3DFE

#3D3DFE

Triadic

#3D3DFE

#FE3D3D

#3DFE3D

Split Complementary

#3D3DFE

#FE9E3D

#9EFE3D

Tetradic

#3D3DFE

#FE3D9E

#FEFE3D

#3DFE9E

Color Blindness Simulation

Original

#3D3DFE

Protanopia

#3D3DCF

Deuteranopia

#3D3DC4

Tritanopia

#3DAAA2

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B8FF
300
#8585FE
400
#4343FE
500
#0101FE
600
#0101CB
700
#0101A2
800
#01017F
900
#05055C
950
#03033A

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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