#4B29F4

#4B29F4

Color Values

HEX

#4B29F4

RGB

75, 41, 244

HSL

250.0, 90.2%, 55.9%

HSV

250.0, 83.2%, 95.7%

CMYK

69.3%, 83.2%, 0.0%, 4.3%

OKLCH

0.4891 0.2722 277.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4B29F4

#D2F429

Analogous

#296DF4

#B029F4

#4B29F4

Triadic

#4B29F4

#F44B29

#29F44B

Split Complementary

#4B29F4

#F4B029

#6DF429

Tetradic

#4B29F4

#F4296D

#D2F429

#29F4B0

Color Blindness Simulation

Original

#4B29F4

Protanopia

#3C3CC3

Deuteranopia

#3E41B7

Tritanopia

#499C94

Achromatopsia

#3F3F3F

CSS Usage

background-color: #4B29F4;
color: #4B29F4;
border-color: #4B29F4;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F3F1FD
100
#E4DFFB
200
#C6BBFC
300
#9D8BF9
400
#684CF6
500
#330CF3
600
#290AC2
700
#21089B
800
#190679
900
#160958
950
#0E0637

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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