#4F7AC9

#4F7AC9

Color Values

HEX

#4F7AC9

RGB

79, 122, 201

HSL

218.9, 53.0%, 54.9%

HSV

218.9, 60.7%, 78.8%

CMYK

60.7%, 39.3%, 0.0%, 21.2%

OKLCH

0.5858 0.1308 261.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F7AC9

#C99E4F

Analogous

#4FB7C9

#614FC9

#4F7AC9

Triadic

#4F7AC9

#C94F7A

#7AC94F

Split Complementary

#4F7AC9

#C9614F

#B7C94F

Tetradic

#4F7AC9

#C94FB7

#C99E4F

#4FC961

Color Blindness Simulation

Original

#4F7AC9

Protanopia

#6262B6

Deuteranopia

#5F5CB1

Tritanopia

#51A7A3

Achromatopsia

#777777

CSS Usage

background-color: #4F7AC9;
color: #4F7AC9;
border-color: #4F7AC9;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EE
300
#A1B8E2
400
#6F92D3
500
#3C6BC3
600
#30569C
700
#26457D
800
#1E3662
900
#192A48
950
#101A2D

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026