#4F6FBA

#4F6FBA

Color Values

HEX

#4F6FBA

RGB

79, 111, 186

HSL

222,1, 43,7%, 52,0%

HSV

222,1, 57,5%, 72,9%

CMYK

57,5%, 40,3%, 0,0%, 27,1%

OKLCH

0,5531 0,1228 265,2

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#4F6FBA

#BA9A4F

Analogous

#4FA5BA

#654FBA

#4F6FBA

Triadic

#4F6FBA

#BA4F6F

#6FBA4F

Split Complementary

#4F6FBA

#BA654F

#A5BA4F

Tetradic

#4F6FBA

#BA4FA5

#BA9A4F

#4FBA65

Color Blindness Simulation

Original

#4F6FBA

Protanopia

#5D5DA8

Deuteranopia

#5B59A4

Tritanopia

#519A96

Achromatopsia

#6E6E6E

CSS Usage

background-color: #4F6FBA;
color: #4F6FBA;
border-color: #4F6FBA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A7B7DD
400
#7790CA
500
#4869B7
600
#395493
700
#2E4375
800
#24355C
900
#1D2944
950
#131A2B

Contrast Checker

Text on white

4,87:1

AA Pass AAA Fail

Text on black

4,32:1

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