#4F80D6

#4F80D6

Color Values

HEX

#4F80D6

RGB

79, 128, 214

HSL

218.2, 62.2%, 57.5%

HSV

218.2, 63.1%, 83.9%

CMYK

63.1%, 40.2%, 0.0%, 16.1%

OKLCH

0.6064 0.1417 260.9

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F80D6

#D6A54F

Analogous

#4FC4D6

#624FD6

#4F80D6

Triadic

#4F80D6

#D64F80

#80D64F

Split Complementary

#4F80D6

#D6624F

#C4D64F

Tetradic

#4F80D6

#D64FC4

#D6A54F

#4FD662

Color Blindness Simulation

Original

#4F80D6

Protanopia

#6465C1

Deuteranopia

#615EBC

Tritanopia

#51B1AD

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D5F2
300
#9CB7E8
400
#6691DB
500
#306ACF
600
#2755A5
700
#1F4484
800
#183567
900
#15294C
950
#0D1A30

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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