#4C8AF5

#4C8AF5

Color Values

HEX

#4C8AF5

RGB

76, 138, 245

HSL

218.0, 89.4%, 62.9%

HSV

218.0, 69.0%, 96.1%

CMYK

69.0%, 43.7%, 0.0%, 3.9%

OKLCH

0.6453 0.1726 260.5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#4C8AF5

#F5B74C

Analogous

#4CDEF5

#624CF5

#4C8AF5

Triadic

#4C8AF5

#F54C8A

#8AF54C

Split Complementary

#4C8AF5

#F5624C

#DEF54C

Tetradic

#4C8AF5

#F54CDE

#F5B74C

#4CF562

Color Blindness Simulation

Original

#4C8AF5

Protanopia

#6767DB

Deuteranopia

#635FD5

Tritanopia

#4FC7C2

Achromatopsia

#858585

CSS Usage

background-color: #4C8AF5;
color: #4C8AF5;
border-color: #4C8AF5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD3FB
300
#8BB3F9
400
#4C8AF5
500
#0E61F1
600
#0B4EC1
700
#093E9B
800
#073179
900
#092657
950
#061837

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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