#4F63B0

#4F63B0

Color Values

HEX

#4F63B0

RGB

79, 99, 176

HSL

227.6, 38.0%, 50.0%

HSV

227.6, 55.1%, 69.0%

CMYK

55.1%, 43.8%, 0.0%, 31.0%

OKLCH

0.5214 0.1236 270.7

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#4F63B0

#B09C4F

Analogous

#4F94B0

#6B4FB0

#4F63B0

Triadic

#4F63B0

#B04F63

#63B04F

Split Complementary

#4F63B0

#B06B4F

#94B04F

Tetradic

#4F63B0

#B04F94

#B09C4F

#4FB06B

Color Blindness Simulation

Original

#4F63B0

Protanopia

#58589D

Deuteranopia

#565599

Tritanopia

#508F8B

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CED3E9
300
#ABB4D9
400
#7D8CC5
500
#4F63B0
600
#3F4F8D
700
#333F71
800
#283258
900
#202741
950
#141829

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74: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