#4F7ED1

#4F7ED1

Color Values

HEX

#4F7ED1

RGB

79, 126, 209

HSL

218.3, 58.6%, 56.5%

HSV

218.3, 62.2%, 82.0%

CMYK

62.2%, 39.7%, 0.0%, 18.0%

OKLCH

0.5992 0.1372 261.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F7ED1

#D1A24F

Analogous

#4FBFD1

#614FD1

#4F7ED1

Triadic

#4F7ED1

#D14F7E

#7ED14F

Split Complementary

#4F7ED1

#D1614F

#BFD14F

Tetradic

#4F7ED1

#D14FBF

#D1A24F

#4FD161

Color Blindness Simulation

Original

#4F7ED1

Protanopia

#6364BD

Deuteranopia

#615DB8

Tritanopia

#51ADAA

Achromatopsia

#7A7A7A

CSS Usage

background-color: #4F7ED1;
color: #4F7ED1;
border-color: #4F7ED1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C6D6F0
300
#9EB8E6
400
#6991D8
500
#356BCA
600
#2A55A2
700
#224481
800
#1A3565
900
#17294A
950
#0E1A2F

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.24:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026