#4591FC

#4591FC

Color Values

HEX

#4591FC

RGB

69, 145, 252

HSL

215,1, 96,8%, 62,9%

HSV

215,1, 72,6%, 98,8%

CMYK

72,6%, 42,5%, 0,0%, 1,2%

OKLCH

0,6617 0,1761 257,5

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4591FC

#FCB045

Analogous

#45ECFC

#5445FC

#4591FC

Triadic

#4591FC

#FC4591

#91FC45

Split Complementary

#4591FC

#FC5445

#ECFC45

Tetradic

#4591FC

#FC45EC

#FCB045

#45FC54

Color Blindness Simulation

Original

#4591FC

Protanopia

#6667E2

Deuteranopia

#625CDC

Tritanopia

#49CEC9

Achromatopsia

#898989

CSS Usage

background-color: #4591FC;
color: #4591FC;
border-color: #4591FC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B9D5FE
300
#87B8FD
400
#4591FC
500
#046BFB
600
#0355C9
700
#0344A1
800
#02357D
900
#06295B
950
#041A39

Contrast Checker

Text on white

3,13:1

AA Fail AAA Fail

Text on black

6,71:1

AA Pass AAA Fail

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