#2871c2 hex color

In a RGB color space, hex #2871c2 is composed of 15.7% red, 44.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 41.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 211.6 degrees, a saturation of 65.8% and a lightness of 45.9%. #2871c2 color hex could be obtained by blending #50e2ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 76
RGB color chart
- C 79
- M 42
- Y 0
- K 24
CMYK color chart

● #2871c2 color description : Strong blue.

The hexadecimal color #2871c2 has RGB values of R:40, G:113, B:194 and CMYK values of C:0.79, M:0.42, Y:0, K:0.24. Its decimal value is 2650562.

Hex triplet	2871c2	`#2871c2`
RGB Decimal	40, 113, 194	`rgb(40,113,194)`
RGB Percent	15.7, 44.3, 76.1	`rgb(15.7%,44.3%,76.1%)`
CMYK	79, 42, 0, 24
HSL	211.6°, 65.8, 45.9	`hsl(211.6,65.8%,45.9%)`
HSV (or HSB)	211.6°, 79.4, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.177, 6.695, -48.68
XYZ	16.516, 16.155, 53.284
xyY	0.192, 0.188, 16.155
CIE-LCH	47.177, 49.139, 277.831
CIE-LUV	47.177, -24.568, -74.256
Hunter-Lab	40.193, 3.008, -50.465
Binary	00101000, 01110001, 11000010

#2871c2
```
#2871c2 rgb(40,113,194)
```
#c27928
```
#c27928 rgb(194,121,40)
```

Complementary Color

#28bec2
```
#28bec2 rgb(40,190,194)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#2c28c2
```
#2c28c2 rgb(44,40,194)
```

Analogous Color

#bec228
```
#bec228 rgb(190,194,40)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#c22c28
```
#c22c28 rgb(194,44,40)
```

Split Complementary Color

#71c228
```
#71c228 rgb(113,194,40)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#c22871
```
#c22871 rgb(194,40,113)
```

Triadic Color

#28c279
```
#28c279 rgb(40,194,121)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#c22871
```
#c22871 rgb(194,40,113)
```
#c27928
```
#c27928 rgb(194,121,40)
```

Tetradic Color

#1b4c83
```
#1b4c83 rgb(27,76,131)
```
#1f5898
```
#1f5898 rgb(31,88,152)
```
#2465ad
```
#2465ad rgb(36,101,173)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#2f7dd4
```
#2f7dd4 rgb(47,125,212)
```
#448bd9
```
#448bd9 rgb(68,139,217)
```
#5a98dd
```
#5a98dd rgb(90,152,221)
```

Monochromatic Color

Below, you can see some colors close to #2871c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2898c2
```
#2898c2 rgb(40,152,194)
```
#288bc2
```
#288bc2 rgb(40,139,194)
```
#287ec2
```
#287ec2 rgb(40,126,194)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#2864c2
```
#2864c2 rgb(40,100,194)
```
#2857c2
```
#2857c2 rgb(40,87,194)
```
#284bc2
```
#284bc2 rgb(40,75,194)
```

Similar Colors

Text with hexadecimal color #2871c2

This text has a font color of #2871c2.

<span style="color:#2871c2;">Text here</span>

#2871c2 background color

This paragraph has a background color of #2871c2.

<p style="background-color:#2871c2;">Content here</p>

#2871c2 border color

This element has a border color of #2871c2.

<div style="border:1px solid #2871c2;">Content here</div>

CSS codes

.text {color:#2871c2;}

.background {background-color:#2871c2;}

.border {border:1px solid #2871c2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #03090f is the darkest color, while #fefeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#06121f
```
#06121f rgb(6,18,31)
```
#0a1c30
```
#0a1c30 rgb(10,28,48)
```
#0d2540
```
#0d2540 rgb(13,37,64)
```
#112f50
```
#112f50 rgb(17,47,80)
```
#143860
```
#143860 rgb(20,56,96)
```
#174271
```
#174271 rgb(23,66,113)
```
#1b4b81
```
#1b4b81 rgb(27,75,129)
```
#1e5591
```
#1e5591 rgb(30,85,145)
```
#215ea1
```
#215ea1 rgb(33,94,161)
```
#2568b2
```
#2568b2 rgb(37,104,178)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#2b7ad2
```
#2b7ad2 rgb(43,122,210)
```

Shade Color Variation

#3b85d7
```
#3b85d7 rgb(59,133,215)
```
#4b8fda
```
#4b8fda rgb(75,143,218)
```
#5b99dd
```
#5b99dd rgb(91,153,221)
```
#6ba3e1
```
#6ba3e1 rgb(107,163,225)
```
#7cade4
```
#7cade4 rgb(124,173,228)
```
#8cb7e7
```
#8cb7e7 rgb(140,183,231)
```
#9cc1eb
```
#9cc1eb rgb(156,193,235)
```
#adccee
```
#adccee rgb(173,204,238)
```
#bdd6f1
```
#bdd6f1 rgb(189,214,241)
```
#cde0f5
```
#cde0f5 rgb(205,224,245)
```
#ddeaf8
```
#ddeaf8 rgb(221,234,248)
```
#eef4fb
```
#eef4fb rgb(238,244,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70757a is the less saturated color, while #046fe6 is the most saturated one.

#70757a
```
#70757a rgb(112,117,122)
```
#677483
```
#677483 rgb(103,116,131)
```
#5e748c
```
#5e748c rgb(94,116,140)
```
#557395
```
#557395 rgb(85,115,149)
```
#4c739e
```
#4c739e rgb(76,115,158)
```
#4372a7
```
#4372a7 rgb(67,114,167)
```
#3a72b0
```
#3a72b0 rgb(58,114,176)
```
#3171b9
```
#3171b9 rgb(49,113,185)
```
#2871c2
```
#2871c2 rgb(40,113,194)
```
#1f71cb
```
#1f71cb rgb(31,113,203)
```
#1670d4
```
#1670d4 rgb(22,112,212)
```
#0d70dd
```
#0d70dd rgb(13,112,221)
```
#046fe6
```
#046fe6 rgb(4,111,230)
```

Tone Color Variation

Below, you can see how #2871c2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#646464 Achromatopsia 0.005% of the population
#586777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5274c2 Protanopia 1% of men
#2f78c5 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4373c2 Protanomaly 1% of men, 0.01% of women
#2c75c3 Deuteranomaly 6% of men, 0.4% of women
#0e7c9f Tritanomaly 0.01% of the population

#2871c2 hex color

#2871c2 Color Information

#2871c2 Color Conversion

Color Schemes with #2871c2

Alternatives to #2871c2

#2871c2 Preview

Shades and Tints of #2871c2

Tones of #2871c2

Color Blindness Simulator