#4F61B0

#4F61B0

Color Values

HEX

#4F61B0

RGB

79, 97, 176

HSL

228.9, 38.0%, 50.0%

HSV

228.9, 55.1%, 69.0%

CMYK

55.1%, 44.9%, 0.0%, 31.0%

OKLCH

0.5172 0.1262 271.7

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#4F61B0

#B09E4F

Analogous

#4F91B0

#6E4FB0

#4F61B0

Triadic

#4F61B0

#B04F61

#61B04F

Split Complementary

#4F61B0

#B06E4F

#91B04F

Tetradic

#4F61B0

#B04F91

#B09E4F

#4FB06E

Color Blindness Simulation

Original

#4F61B0

Protanopia

#57579D

Deuteranopia

#565498

Tritanopia

#508E8A

Achromatopsia

#636363

CSS Usage

background-color: #4F61B0;
color: #4F61B0;
border-color: #4F61B0;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CED3E9
300
#ABB3D9
400
#7D8AC5
500
#4F61B0
600
#3F4E8D
700
#333E71
800
#283058
900
#202641
950
#141829

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

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