#4B7CF6

#4B7CF6

Color Values

HEX

#4B7CF6

RGB

75, 124, 246

HSL

222.8, 90.5%, 62.9%

HSV

222.8, 69.5%, 96.5%

CMYK

69.5%, 49.6%, 0.0%, 3.5%

OKLCH

0.617 0.1904 264.9

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4B7CF6

#F6C54B

Analogous

#4BD1F6

#6F4BF6

#4B7CF6

Triadic

#4B7CF6

#F64B7C

#7CF64B

Split Complementary

#4B7CF6

#F66F4B

#D1F64B

Tetradic

#4B7CF6

#F64BD1

#F6C54B

#4BF66F

Color Blindness Simulation

Original

#4B7CF6

Protanopia

#6061D9

Deuteranopia

#5D5AD1

Tritanopia

#4DC1BC

Achromatopsia

#7A7A7A

CSS Usage

background-color: #4B7CF6;
color: #4B7CF6;
border-color: #4B7CF6;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BBCEFC
300
#8AAAF9
400
#4B7CF6
500
#0C4EF3
600
#0A3FC2
700
#08329B
800
#062779
900
#092058
950
#061438

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

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