#4593FC

#4593FC

Color Values

HEX

#4593FC

RGB

69, 147, 252

HSL

214.4, 96.8%, 62.9%

HSV

214.4, 72.6%, 98.8%

CMYK

72.6%, 41.7%, 0.0%, 1.2%

OKLCH

0.666 0.1739 256.8

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4593FC

#FCAE45

Analogous

#45EFFC

#5245FC

#4593FC

Triadic

#4593FC

#FC4593

#93FC45

Split Complementary

#4593FC

#FC5245

#EFFC45

Tetradic

#4593FC

#FC45EF

#FCAE45

#45FC52

Color Blindness Simulation

Original

#4593FC

Protanopia

#6767E3

Deuteranopia

#625CDC

Tritanopia

#49CFCA

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B9D6FE
300
#87B9FD
400
#4593FC
500
#046DFB
600
#0358C9
700
#0346A1
800
#02377D
900
#062A5B
950
#041B39

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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