#2871bc hex color

In a RGB color space, hex #2871bc is composed of 15.7% red, 44.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 39.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 210.4 degrees, a saturation of 64.9% and a lightness of 44.7%. #2871bc color hex could be obtained by blending #50e2ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 74
RGB color chart
- C 79
- M 40
- Y 0
- K 26
CMYK color chart

● #2871bc color description : Strong blue.

The hexadecimal color #2871bc has RGB values of R:40, G:113, B:188 and CMYK values of C:0.79, M:0.4, Y:0, K:0.26. Its decimal value is 2650556.

Hex triplet	2871bc	`#2871bc`
RGB Decimal	40, 113, 188	`rgb(40,113,188)`
RGB Percent	15.7, 44.3, 73.7	`rgb(15.7%,44.3%,73.7%)`
CMYK	79, 40, 0, 26
HSL	210.4°, 64.9, 44.7	`hsl(210.4,64.9%,44.7%)`
HSV (or HSB)	210.4°, 78.7, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.831, 4.418, -45.771
XYZ	15.855, 15.891, 49.806
xyY	0.194, 0.195, 15.891
CIE-LCH	46.831, 45.984, 275.514
CIE-LUV	46.831, -24.788, -69.411
Hunter-Lab	39.863, 1.235, -46.173
Binary	00101000, 01110001, 10111100

#2871bc
```
#2871bc rgb(40,113,188)
```
#bc7328
```
#bc7328 rgb(188,115,40)
```

Complementary Color

#28bbbc
```
#28bbbc rgb(40,187,188)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#2928bc
```
#2928bc rgb(41,40,188)
```

Analogous Color

#bbbc28
```
#bbbc28 rgb(187,188,40)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#bc2928
```
#bc2928 rgb(188,41,40)
```

Split Complementary Color

#71bc28
```
#71bc28 rgb(113,188,40)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#bc2871
```
#bc2871 rgb(188,40,113)
```

Triadic Color

#28bc73
```
#28bc73 rgb(40,188,115)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#bc2871
```
#bc2871 rgb(188,40,113)
```
#bc7328
```
#bc7328 rgb(188,115,40)
```

Tetradic Color

#1b4b7d
```
#1b4b7d rgb(27,75,125)
```
#1f5892
```
#1f5892 rgb(31,88,146)
```
#2464a7
```
#2464a7 rgb(36,100,167)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#2c7ed1
```
#2c7ed1 rgb(44,126,209)
```
#418ad6
```
#418ad6 rgb(65,138,214)
```
#5697db
```
#5697db rgb(86,151,219)
```

Monochromatic Color

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

#2896bc
```
#2896bc rgb(40,150,188)
```
#288abc
```
#288abc rgb(40,138,188)
```
#287dbc
```
#287dbc rgb(40,125,188)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#2865bc
```
#2865bc rgb(40,101,188)
```
#2858bc
```
#2858bc rgb(40,88,188)
```
#284cbc
```
#284cbc rgb(40,76,188)
```

Similar Colors

Text with hexadecimal color #2871bc

This text has a font color of #2871bc.

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

#2871bc background color

This paragraph has a background color of #2871bc.

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

#2871bc border color

This element has a border color of #2871bc.

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

CSS codes

.text {color:#2871bc;}

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

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#06101a
```
#06101a rgb(6,16,26)
```
#091a2a
```
#091a2a rgb(9,26,42)
```
#0c233b
```
#0c233b rgb(12,35,59)
```
#102d4b
```
#102d4b rgb(16,45,75)
```
#13375b
```
#13375b rgb(19,55,91)
```
#17406b
```
#17406b rgb(23,64,107)
```
#1a4a7b
```
#1a4a7b rgb(26,74,123)
```
#1e548b
```
#1e548b rgb(30,84,139)
```
#215e9c
```
#215e9c rgb(33,94,156)
```
#2567ac
```
#2567ac rgb(37,103,172)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#2b7bcc
```
#2b7bcc rgb(43,123,204)
```

Shade Color Variation

#3785d4
```
#3785d4 rgb(55,133,212)
```
#478ed8
```
#478ed8 rgb(71,142,216)
```
#5798db
```
#5798db rgb(87,152,219)
```
#67a2df
```
#67a2df rgb(103,162,223)
```
#78ace2
```
#78ace2 rgb(120,172,226)
```
#88b6e6
```
#88b6e6 rgb(136,182,230)
```
#98c0e9
```
#98c0e9 rgb(152,192,233)
```
#a8caec
```
#a8caec rgb(168,202,236)
```
#b8d4f0
```
#b8d4f0 rgb(184,212,240)
```
#c8def3
```
#c8def3 rgb(200,222,243)
```
#d9e7f7
```
#d9e7f7 rgb(217,231,247)
```
#e9f1fa
```
#e9f1fa rgb(233,241,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7276 is the less saturated color, while #0571df is the most saturated one.

#6e7276
```
#6e7276 rgb(110,114,118)
```
#65727f
```
#65727f rgb(101,114,127)
```
#5d7287
```
#5d7287 rgb(93,114,135)
```
#547290
```
#547290 rgb(84,114,144)
```
#4b7199
```
#4b7199 rgb(75,113,153)
```
#4271a2
```
#4271a2 rgb(66,113,162)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#3171b3
```
#3171b3 rgb(49,113,179)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#1f71c5
```
#1f71c5 rgb(31,113,197)
```
#1671ce
```
#1671ce rgb(22,113,206)
```
#0e71d6
```
#0e71d6 rgb(14,113,214)
```
#0571df
```
#0571df rgb(5,113,223)
```

Tone Color Variation

Below, you can see how #2871bc 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
#586776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5674bc Protanopia 1% of men
#3a77bf Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#4573bc Protanomaly 1% of men, 0.01% of women
#3375be Deuteranomaly 6% of men, 0.4% of women
#0e7b9c Tritanomaly 0.01% of the population

#2871bc hex color

#2871bc Color Information

#2871bc Color Conversion

Color Schemes with #2871bc

Alternatives to #2871bc

#2871bc Preview

Shades and Tints of #2871bc

Tones of #2871bc

Color Blindness Simulator