#4F98F2

#4F98F2

Color Values

HEX

#4F98F2

RGB

79, 152, 242

HSL

213.1, 86.2%, 62.9%

HSV

213.1, 67.4%, 94.9%

CMYK

67.4%, 37.2%, 0.0%, 5.1%

OKLCH

0.6744 0.1527 254.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4F98F2

#F2A94F

Analogous

#4FEAF2

#574FF2

#4F98F2

Triadic

#4F98F2

#F24F98

#98F24F

Split Complementary

#4F98F2

#F2574F

#EAF24F

Tetradic

#4F98F2

#F24FEA

#F2A94F

#4FF257

Color Blindness Simulation

Original

#4F98F2

Protanopia

#6F6FDC

Deuteranopia

#6A65D7

Tritanopia

#53CBC7

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD8FA
300
#8DBCF7
400
#4F98F2
500
#1274ED
600
#0E5DBE
700
#0B4A98
800
#093A77
900
#0B2D56
950
#071C36

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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