#4B30FC

#4B30FC

Color Values

HEX

#4B30FC

RGB

75, 48, 252

HSL

247.9, 97.1%, 58.8%

HSV

247.9, 81.0%, 98.8%

CMYK

70.2%, 81.0%, 0.0%, 1.2%

OKLCH

0.5042 0.276 275.9

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4B30FC

#E1FC30

Analogous

#307BFC

#B130FC

#4B30FC

Triadic

#4B30FC

#FC4B30

#30FC4B

Split Complementary

#4B30FC

#FCB130

#7BFC30

Tetradic

#4B30FC

#FC307B

#E1FC30

#30FCB1

Color Blindness Simulation

Original

#4B30FC

Protanopia

#3F3FCB

Deuteranopia

#4143BF

Tritanopia

#4AA49B

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C2B9FE
300
#9686FD
400
#5D45FC
500
#2404FB
600
#1D03C9
700
#1702A1
800
#12027E
900
#11065B
950
#0B0439

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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