#3C3DFB

#3C3DFB

Color Values

HEX

#3C3DFB

RGB

60, 61, 251

HSL

239,7, 96,0%, 61,0%

HSV

239,7, 76,1%, 98,4%

CMYK

76,1%, 75,7%, 0,0%, 1,6%

OKLCH

0,5088 0,2685 271,4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3C3DFB

#FBFA3C

Analogous

#3C9DFB

#9B3CFB

#3C3DFB

Triadic

#3C3DFB

#FB3C3D

#3DFB3C

Split Complementary

#3C3DFB

#FB9B3C

#9DFB3C

Tetradic

#3C3DFB

#FB3C9D

#FBFA3C

#3CFB9B

Color Blindness Simulation

Original

#3C3DFB

Protanopia

#3C3CCD

Deuteranopia

#3C3CC2

Tritanopia

#3CA9A1

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9B9FE
300
#8788FD
400
#4647FB
500
#0506FA
600
#0405C8
700
#0304A0
800
#03037D
900
#07075A
950
#040439

Contrast Checker

Text on white

6,46:1

AA Pass AAA Fail

Text on black

3,25:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026