#4F93DC

#4F93DC

Color Values

HEX

#4F93DC

RGB

79, 147, 220

HSL

211.1, 66.8%, 58.6%

HSV

211.1, 64.1%, 86.3%

CMYK

64.1%, 33.2%, 0.0%, 13.7%

OKLCH

0.6513 0.1298 251.9

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#4F93DC

#DC984F

Analogous

#4FD9DC

#514FDC

#4F93DC

Triadic

#4F93DC

#DC4F93

#93DC4F

Split Complementary

#4F93DC

#DC514F

#D9DC4F

Tetradic

#4F93DC

#DC4FD9

#DC984F

#4FDC51

Color Blindness Simulation

Original

#4F93DC

Protanopia

#6C6DCA

Deuteranopia

#6863C6

Tritanopia

#52BCB9

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF3
300
#99C0EB
400
#629EE0
500
#2A7CD5
600
#2264AA
700
#1B5088
800
#153E6A
900
#132F4E
950
#0C1E31

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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