#4D73F4

#4D73F4

Color Values

HEX

#4D73F4

RGB

77, 115, 244

HSL

226.3, 88.4%, 62.9%

HSV

226.3, 68.4%, 95.7%

CMYK

68.4%, 52.9%, 0.0%, 4.3%

OKLCH

0.5988 0.1979 267.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4D73F4

#F4CE4D

Analogous

#4DC7F4

#7A4DF4

#4D73F4

Triadic

#4D73F4

#F44D73

#73F44D

Split Complementary

#4D73F4

#F47A4D

#C7F44D

Tetradic

#4D73F4

#F44DC7

#F4CE4D

#4DF47A

Color Blindness Simulation

Original

#4D73F4

Protanopia

#5D5ED5

Deuteranopia

#5B58CD

Tritanopia

#4FBCB7

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FB
200
#BCCAFB
300
#8CA4F8
400
#4D73F4
500
#0F42F0
600
#0C35C0
700
#092A9A
800
#072178
900
#0A1C57
950
#061137

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026