#4F6EBA

#4F6EBA

Color Values

HEX

#4F6EBA

RGB

79, 110, 186

HSL

222.6, 43.7%, 52.0%

HSV

222.6, 57.5%, 72.9%

CMYK

57.5%, 40.9%, 0.0%, 27.1%

OKLCH

0.551 0.124 265.8

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#4F6EBA

#BA9B4F

Analogous

#4FA4BA

#664FBA

#4F6EBA

Triadic

#4F6EBA

#BA4F6E

#6EBA4F

Split Complementary

#4F6EBA

#BA664F

#A4BA4F

Tetradic

#4F6EBA

#BA4FA4

#BA9B4F

#4FBA66

Color Blindness Simulation

Original

#4F6EBA

Protanopia

#5C5DA8

Deuteranopia

#5B58A3

Tritanopia

#519996

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A7B7DD
400
#778FCA
500
#4868B7
600
#395393
700
#2E4375
800
#24345C
900
#1D2844
950
#131A2B

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

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