#4F80D0

#4F80D0

Color Values

HEX

#4F80D0

RGB

79, 128, 208

HSL

217.2, 57.8%, 56.3%

HSV

217.2, 62.0%, 81.6%

CMYK

62.0%, 38.5%, 0.0%, 18.4%

OKLCH

0.6029 0.1336 259.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F80D0

#D09F4F

Analogous

#4FC1D0

#5F4FD0

#4F80D0

Triadic

#4F80D0

#D04F80

#80D04F

Split Complementary

#4F80D0

#D05F4F

#C1D04F

Tetradic

#4F80D0

#D04FC1

#D09F4F

#4FD05F

Color Blindness Simulation

Original

#4F80D0

Protanopia

#6465BD

Deuteranopia

#615EB8

Tritanopia

#51ADAA

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C7D6F0
300
#9EB9E5
400
#6A94D7
500
#366EC9
600
#2B58A1
700
#224681
800
#1B3765
900
#172A4A
950
#0F1B2F

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33:1

AA Pass 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