#4FA4EF

#4FA4EF

Color Values

HEX

#4FA4EF

RGB

79, 164, 239

HSL

208.1, 83.3%, 62.4%

HSV

208.1, 66.9%, 93.7%

CMYK

66.9%, 31.4%, 0.0%, 6.3%

OKLCH

0.699 0.1378 247.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4FA4EF

#EF9A4F

Analogous

#4FEFEA

#4F54EF

#4FA4EF

Triadic

#4FA4EF

#EF4FA4

#A4EF4F

Split Complementary

#4FA4EF

#EF4F54

#EFEA4F

Tetradic

#4FA4EF

#EA4FEF

#EF9A4F

#54EF4F

Color Blindness Simulation

Original

#4FA4EF

Protanopia

#7475DD

Deuteranopia

#6F68D8

Tritanopia

#53CFCB

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDDF9
300
#8FC5F5
400
#52A6EF
500
#1586EA
600
#116BBB
700
#0E5696
800
#0B4375
900
#0C3355
950
#082036

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026