#4635F0

#4635F0

Color Values

HEX

#4635F0

RGB

70, 53, 240

HSL

245.5, 86.2%, 57.5%

HSV

245.5, 77.9%, 94.1%

CMYK

70.8%, 77.9%, 0.0%, 5.9%

OKLCH

0.4935 0.2604 275.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4635F0

#DFF035

Analogous

#3581F0

#A435F0

#4635F0

Triadic

#4635F0

#F04635

#35F046

Split Complementary

#4635F0

#F0A435

#81F035

Tetradic

#4635F0

#F03581

#DFF035

#35F0A4

Color Blindness Simulation

Original

#4635F0

Protanopia

#3F3EC3

Deuteranopia

#4041B8

Tritanopia

#459F97

Achromatopsia

#464646

CSS Usage

background-color: #4635F0;
color: #4635F0;
border-color: #4635F0;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C2BDFA
300
#978DF7
400
#5E4FF2
500
#2612ED
600
#1E0EBE
700
#180B98
800
#130977
900
#120B56
950
#0B0736

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026