#4F89E7

#4F89E7

Color Values

HEX

#4F89E7

RGB

79, 137, 231

HSL

217.1, 76.0%, 60.8%

HSV

217.1, 65.8%, 90.6%

CMYK

65.8%, 40.7%, 0.0%, 9.4%

OKLCH

0.6358 0.1543 259.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4F89E7

#E7AD4F

Analogous

#4FD5E7

#614FE7

#4F89E7

Triadic

#4F89E7

#E74F89

#89E74F

Split Complementary

#4F89E7

#E7614F

#D5E74F

Tetradic

#4F89E7

#E74FD5

#E7AD4F

#4FE761

Color Blindness Simulation

Original

#4F89E7

Protanopia

#6869D0

Deuteranopia

#6560CB

Tritanopia

#52BEBA

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D5F6
300
#93B7F0
400
#5990E8
500
#1F69E0
600
#1854B4
700
#144390
800
#0F3470
900
#0F2952
950
#0A1A34

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

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