#4F82DC

#4F82DC

Color Values

HEX

#4F82DC

RGB

79, 130, 220

HSL

218.3, 66.8%, 58.6%

HSV

218.3, 64.1%, 86.3%

CMYK

64.1%, 40.9%, 0.0%, 13.7%

OKLCH

0.6143 0.1475 260.9

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F82DC

#DCA94F

Analogous

#4FC8DC

#624FDC

#4F82DC

Triadic

#4F82DC

#DC4F82

#82DC4F

Split Complementary

#4F82DC

#DC624F

#C8DC4F

Tetradic

#4F82DC

#DC4FC8

#DCA94F

#4FDC62

Color Blindness Simulation

Original

#4F82DC

Protanopia

#6566C6

Deuteranopia

#625EC1

Tritanopia

#52B5B1

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C3D5F3
300
#99B6EB
400
#628FE0
500
#2A68D5
600
#2253AA
700
#1B4388
800
#15346A
900
#13284E
950
#0C1A31

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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