#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026