#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026