#4F84D8

#4F84D8

Color Values

HEX

#4F84D8

RGB

79, 132, 216

HSL

216.8, 63.7%, 57.8%

HSV

216.8, 63.4%, 84.7%

CMYK

63.4%, 38.9%, 0.0%, 15.3%

OKLCH

0.6162 0.1399 259.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4F84D8

#D8A34F

Analogous

#4FC8D8

#5E4FD8

#4F84D8

Triadic

#4F84D8

#D84F84

#84D84F

Split Complementary

#4F84D8

#D85E4F

#C8D84F

Tetradic

#4F84D8

#D84FC8

#D8A34F

#4FD85E

Color Blindness Simulation

Original

#4F84D8

Protanopia

#6666C4

Deuteranopia

#635FBF

Tritanopia

#52B4B0

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E3EBF7
200
#C5D6F2
300
#9BB9E9
400
#6593DD
500
#2E6DD1
600
#2557A7
700
#1E4686
800
#173768
900
#152A4C
950
#0D1B30

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026