#3871C7

#3871C7

Color Values

HEX

#3871C7

RGB

56, 113, 199

HSL

216.1, 56.1%, 50.0%

HSV

216.1, 71.9%, 78.0%

CMYK

71.9%, 43.2%, 0.0%, 22.0%

OKLCH

0.5546 0.1466 258.6

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#3871C7

#C78E38

Analogous

#38B8C7

#4738C7

#3871C7

Triadic

#3871C7

#C73871

#71C738

Split Complementary

#3871C7

#C74738

#B8C738

Tetradic

#3871C7

#C738B8

#C78E38

#38C747

Color Blindness Simulation

Original

#3871C7

Protanopia

#5151B2

Deuteranopia

#4D49AD

Tritanopia

#3BA29E

Achromatopsia

#6B6B6B

CSS Usage

background-color: #3871C7;
color: #3871C7;
border-color: #3871C7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#9FBBE4
400
#6C96D6
500
#3871C7
600
#2D5A9F
700
#24487F
800
#1C3864
900
#182B49
950
#0F1B2E

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail 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