#3B77F8

#3B77F8

Color Values

HEX

#3B77F8

RGB

59, 119, 248

HSL

221.0, 93.1%, 60.2%

HSV

221.0, 76.2%, 97.3%

CMYK

76.2%, 52.0%, 0.0%, 2.7%

OKLCH

0.6022 0.2033 263.0

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#3B77F8

#F8BC3B

Analogous

#3BD5F8

#5E3BF8

#3B77F8

Triadic

#3B77F8

#F83B77

#77F83B

Split Complementary

#3B77F8

#F85E3B

#D5F83B

Tetradic

#3B77F8

#F83BD5

#F8BC3B

#3BF85E

Color Blindness Simulation

Original

#3B77F8

Protanopia

#5556D9

Deuteranopia

#524DD1

Tritanopia

#3EC0BB

Achromatopsia

#747474

CSS Usage

background-color: #3B77F8;
color: #3B77F8;
border-color: #3B77F8;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BACFFD
300
#89ADFB
400
#4980F8
500
#0954F6
600
#0743C5
700
#06369E
800
#042A7B
900
#082259
950
#051538

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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