#340CF3

#340CF3

Color Values

HEX

#340CF3

RGB

52, 12, 243

HSL

250.4, 90.6%, 50.0%

HSV

250.4, 95.1%, 95.3%

CMYK

78.6%, 95.1%, 0.0%, 4.7%

OKLCH

0.4557 0.2893 271.5

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#340CF3

#CBF30C

Analogous

#0C57F3

#A80CF3

#340CF3

Triadic

#340CF3

#F3340C

#0CF334

Split Complementary

#340CF3

#F3A80C

#57F30C

Tetradic

#340CF3

#F30C57

#CBF30C

#0CF3A8

Color Blindness Simulation

Original

#340CF3

Protanopia

#2322BB

Deuteranopia

#2528AE

Tritanopia

#328F85

Achromatopsia

#252525

CSS Usage

background-color: #340CF3;
color: #340CF3;
border-color: #340CF3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F1FD
100
#E4DFFB
200
#C6BBFC
300
#9E8AF9
400
#694BF6
500
#340CF3
600
#2A0AC2
700
#21089C
800
#1A067A
900
#170958
950
#0E0638

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026