#4593FD

#4593FD

Color Values

HEX

#4593FD

RGB

69, 147, 253

HSL

214.6, 97.9%, 63.1%

HSV

214.6, 72.7%, 99.2%

CMYK

72.7%, 41.9%, 0.0%, 0.8%

OKLCH

0.6666 0.1752 257.0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4593FD

#FDAF45

Analogous

#45EFFD

#5345FD

#4593FD

Triadic

#4593FD

#FD4593

#93FD45

Split Complementary

#4593FD

#FD5345

#EFFD45

Tetradic

#4593FD

#FD45EF

#FDAF45

#45FD53

Color Blindness Simulation

Original

#4593FD

Protanopia

#6767E3

Deuteranopia

#625CDD

Tritanopia

#49CFCB

Achromatopsia

#8A8A8A

CSS Usage

background-color: #4593FD;
color: #4593FD;
border-color: #4593FD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B8D6FE
300
#86B9FE
400
#4492FD
500
#036CFC
600
#0257CA
700
#0245A1
800
#01367E
900
#062A5B
950
#041A3A

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026