#3B3CF8

#3B3CF8

Color Values

HEX

#3B3CF8

RGB

59, 60, 248

HSL

239.7, 93.1%, 60.2%

HSV

239.7, 76.2%, 97.3%

CMYK

76.2%, 75.8%, 0.0%, 2.7%

OKLCH

0.504 0.2662 271.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3B3CF8

#F8F73B

Analogous

#3B9AF8

#993BF8

#3B3CF8

Triadic

#3B3CF8

#F83B3C

#3CF83B

Split Complementary

#3B3CF8

#F8993B

#9AF83B

Tetradic

#3B3CF8

#F83B9A

#F8F73B

#3BF899

Color Blindness Simulation

Original

#3B3CF8

Protanopia

#3B3BCB

Deuteranopia

#3B3BC0

Tritanopia

#3BA79F

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8989FB
400
#494AF8
500
#090AF6
600
#0708C5
700
#06069E
800
#04057B
900
#080859
950
#050538

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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