#4F83DC

#4F83DC

Color Values

HEX

#4F83DC

RGB

79, 131, 220

HSL

217.9, 66.8%, 58.6%

HSV

217.9, 64.1%, 86.3%

CMYK

64.1%, 40.5%, 0.0%, 13.7%

OKLCH

0.6164 0.1464 260.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4F83DC

#DCA84F

Analogous

#4FC9DC

#614FDC

#4F83DC

Triadic

#4F83DC

#DC4F83

#83DC4F

Split Complementary

#4F83DC

#DC614F

#C9DC4F

Tetradic

#4F83DC

#DC4FC9

#DCA84F

#4FDC61

Color Blindness Simulation

Original

#4F83DC

Protanopia

#6666C6

Deuteranopia

#625FC1

Tritanopia

#52B5B2

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C3D5F3
300
#99B7EB
400
#6290E0
500
#2A69D5
600
#2254AA
700
#1B4388
800
#15356A
900
#13294E
950
#0C1A31

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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