#4F80D4

#4F80D4

Color Values

HEX

#4F80D4

RGB

79, 128, 212

HSL

217.9, 60.7%, 57.1%

HSV

217.9, 62.7%, 83.1%

CMYK

62.7%, 39.6%, 0.0%, 16.9%

OKLCH

0.6052 0.139 260.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F80D4

#D4A34F

Analogous

#4FC3D4

#614FD4

#4F80D4

Triadic

#4F80D4

#D44F80

#80D44F

Split Complementary

#4F80D4

#D4614F

#C3D44F

Tetradic

#4F80D4

#D44FC3

#D4A34F

#4FD461

Color Blindness Simulation

Original

#4F80D4

Protanopia

#6465C0

Deuteranopia

#615EBB

Tritanopia

#51B0AC

Achromatopsia

#7C7C7C

CSS Usage

background-color: #4F80D4;
color: #4F80D4;
border-color: #4F80D4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D6F1
300
#9DB8E7
400
#6792DA
500
#326BCD
600
#2856A4
700
#204583
800
#193666
900
#16294B
950
#0E1A2F

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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