#4F85D8

#4F85D8

Color Values

HEX

#4F85D8

RGB

79, 133, 216

HSL

216.4, 63.7%, 57.8%

HSV

216.4, 63.4%, 84.7%

CMYK

63.4%, 38.4%, 0.0%, 15.3%

OKLCH

0.6184 0.1388 258.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4F85D8

#D8A24F

Analogous

#4FC9D8

#5D4FD8

#4F85D8

Triadic

#4F85D8

#D84F85

#85D84F

Split Complementary

#4F85D8

#D85D4F

#C9D84F

Tetradic

#4F85D8

#D84FC9

#D8A24F

#4FD85D

Color Blindness Simulation

Original

#4F85D8

Protanopia

#6667C4

Deuteranopia

#635FBF

Tritanopia

#52B4B1

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E3EBF7
200
#C5D6F2
300
#9BB9E9
400
#6594DD
500
#2E6ED1
600
#2558A7
700
#1E4786
800
#173768
900
#152B4C
950
#0D1B30

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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