#3B3CFA

#3B3CFA

Color Values

HEX

#3B3CFA

RGB

59, 60, 250

HSL

239.7, 95.0%, 60.6%

HSV

239.7, 76.4%, 98.0%

CMYK

76.4%, 76.0%, 0.0%, 2.0%

OKLCH

0.5061 0.2685 271.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3B3CFA

#FAF93B

Analogous

#3B9BFA

#9A3BFA

#3B3CFA

Triadic

#3B3CFA

#FA3B3C

#3CFA3B

Split Complementary

#3B3CFA

#FA9A3B

#9BFA3B

Tetradic

#3B3CFA

#FA3B9B

#FAF93B

#3BFA9A

Color Blindness Simulation

Original

#3B3CFA

Protanopia

#3B3BCC

Deuteranopia

#3B3BC1

Tritanopia

#3BA8A0

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFD
300
#8888FC
400
#4748FA
500
#0608F9
600
#0506C7
700
#04059F
800
#03047C
900
#07075A
950
#040539

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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