#4F95DD

#4F95DD

Color Values

HEX

#4F95DD

RGB

79, 149, 221

HSL

210.4, 67.6%, 58.8%

HSV

210.4, 64.3%, 86.7%

CMYK

64.3%, 32.6%, 0.0%, 13.3%

OKLCH

0.6563 0.1292 251.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#4F95DD

#DD974F

Analogous

#4FDCDD

#504FDD

#4F95DD

Triadic

#4F95DD

#DD4F95

#95DD4F

Split Complementary

#4F95DD

#DD504F

#DCDD4F

Tetradic

#4F95DD

#DD4FDC

#DD974F

#4FDD50

Color Blindness Simulation

Original

#4F95DD

Protanopia

#6D6ECC

Deuteranopia

#6964C7

Tritanopia

#52BEBB

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DBF3
300
#98C1EB
400
#61A0E0
500
#297ED6
600
#2165AB
700
#1A5189
800
#153F6B
900
#13304E
950
#0C1E31

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.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