#4B72F6

#4B72F6

Color Values

HEX

#4B72F6

RGB

75, 114, 246

HSL

226.3, 90.5%, 62.9%

HSV

226.3, 69.5%, 96.5%

CMYK

69.5%, 53.7%, 0.0%, 3.5%

OKLCH

0.5974 0.2022 267.5

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4B72F6

#F6CF4B

Analogous

#4BC7F6

#794BF6

#4B72F6

Triadic

#4B72F6

#F64B72

#72F64B

Split Complementary

#4B72F6

#F6794B

#C7F64B

Tetradic

#4B72F6

#F64BC7

#F6CF4B

#4BF679

Color Blindness Simulation

Original

#4B72F6

Protanopia

#5C5CD6

Deuteranopia

#5A57CE

Tritanopia

#4DBDB7

Achromatopsia

#737373

CSS Usage

background-color: #4B72F6;
color: #4B72F6;
border-color: #4B72F6;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BBCAFC
300
#8AA4F9
400
#4B72F6
500
#0C41F3
600
#0A34C2
700
#08299B
800
#062079
900
#091B58
950
#061138

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass 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