#4F659F

#4F659F

Color Values

HEX

#4F659F

RGB

79, 101, 159

HSL

223.5, 33.6%, 46.7%

HSV

223.5, 50.3%, 62.4%

CMYK

50.3%, 36.5%, 0.0%, 37.6%

OKLCH

0.5156 0.096 267.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#4F659F

#9F894F

Analogous

#4F8D9F

#614F9F

#4F659F

Triadic

#4F659F

#9F4F65

#659F4F

Split Complementary

#4F659F

#9F614F

#8D9F4F

Tetradic

#4F659F

#9F4F8D

#9F894F

#4F9F61

Color Blindness Simulation

Original

#4F659F

Protanopia

#595991

Deuteranopia

#57568E

Tritanopia

#508683

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E7
300
#ADB9D6
400
#8192C0
500
#556CAA
600
#445788
700
#36456D
800
#2A3655
900
#222A3F
950
#151A28

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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