#4F9FEC

#4F9FEC

Color Values

HEX

#4F9FEC

RGB

79, 159, 236

HSL

209.4, 80.5%, 61.8%

HSV

209.4, 66.5%, 92.5%

CMYK

66.5%, 32.6%, 0.0%, 7.5%

OKLCH

0.6864 0.1386 249.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4F9FEC

#EC9C4F

Analogous

#4FECEA

#4F51EC

#4F9FEC

Triadic

#4F9FEC

#EC4F9F

#9FEC4F

Split Complementary

#4F9FEC

#EC4F51

#ECEA4F

Tetradic

#4F9FEC

#EA4FEC

#EC9C4F

#51EC4F

Color Blindness Simulation

Original

#4F9FEC

Protanopia

#7272D9

Deuteranopia

#6D67D5

Tritanopia

#53CBC7

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#91C3F3
400
#55A2ED
500
#1982E6
600
#1468B8
700
#105393
800
#0C4173
900
#0D3154
950
#081F35

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

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