#4F6394

#4F6394

Color Values

HEX

#4F6394

RGB

79, 99, 148

HSL

222.6, 30.4%, 44.5%

HSV

222.6, 46.6%, 58.0%

CMYK

46.6%, 33.1%, 0.0%, 42.0%

OKLCH

0.5051 0.0822 266.6

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#4F6394

#94804F

Analogous

#4F8594

#5D4F94

#4F6394

Triadic

#4F6394

#944F63

#63944F

Split Complementary

#4F6394

#945D4F

#85944F

Tetradic

#4F6394

#944F85

#94804F

#4F945D

Color Blindness Simulation

Original

#4F6394

Protanopia

#585888

Deuteranopia

#565585

Tritanopia

#507F7D

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EBF2
200
#D0D7E6
300
#AFBAD4
400
#8495BD
500
#596FA6
600
#475985
700
#39476A
800
#2C3853
900
#232B3E
950
#161B27

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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