#4345FE

#4345FE

Color Values

HEX

#4345FE

RGB

67, 69, 254

HSL

239.4, 98.9%, 62.9%

HSV

239.4, 73.6%, 99.6%

CMYK

73.6%, 72.8%, 0.0%, 0.4%

OKLCH

0.5259 0.2631 272.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4345FE

#FEFC43

Analogous

#43A2FE

#9F43FE

#4345FE

Triadic

#4345FE

#FE4345

#45FE43

Split Complementary

#4345FE

#FE9F43

#A2FE43

Tetradic

#4345FE

#FE43A2

#FEFC43

#43FE9F

Color Blindness Simulation

Original

#4345FE

Protanopia

#4444D1

Deuteranopia

#4444C6

Tritanopia

#43AEA6

Achromatopsia

#525252

CSS Usage

background-color: #4345FE;
color: #4345FE;
border-color: #4345FE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B9FF
300
#8586FE
400
#4345FE
500
#0104FE
600
#0103CB
700
#0103A2
800
#01027F
900
#05065C
950
#03043A

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026