#2c71d6 hex color

In a RGB color space, hex #2c71d6 is composed of 17.3% red, 44.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 47.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 215.6 degrees, a saturation of 67.5% and a lightness of 50.6%. #2c71d6 color hex could be obtained by blending #58e2ff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 44
- B 84
RGB color chart
- C 79
- M 47
- Y 0
- K 16
CMYK color chart

● #2c71d6 color description : Strong blue.

The hexadecimal color #2c71d6 has RGB values of R:44, G:113, B:214 and CMYK values of C:0.79, M:0.47, Y:0, K:0.16. Its decimal value is 2912726.

Hex triplet	2c71d6	`#2c71d6`
RGB Decimal	44, 113, 214	`rgb(44,113,214)`
RGB Percent	17.3, 44.3, 83.9	`rgb(17.3%,44.3%,83.9%)`
CMYK	79, 47, 0, 16
HSL	215.6°, 67.5, 50.6	`hsl(215.6,67.5%,50.6%)`
HSV (or HSB)	215.6°, 79.4, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.51, 14.696, -57.976
XYZ	19.079, 17.199, 65.929
xyY	0.187, 0.168, 17.199
CIE-LCH	48.51, 59.81, 284.224
CIE-LUV	48.51, -23.414, -89.774
Hunter-Lab	41.472, 9.541, -65.224
Binary	00101100, 01110001, 11010110

#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#d6912c
```
#d6912c rgb(214,145,44)
```

Complementary Color

#2cc6d6
```
#2cc6d6 rgb(44,198,214)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#3c2cd6
```
#3c2cd6 rgb(60,44,214)
```

Analogous Color

#c6d62c
```
#c6d62c rgb(198,214,44)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#d63c2c
```
#d63c2c rgb(214,60,44)
```

Split Complementary Color

#71d62c
```
#71d62c rgb(113,214,44)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#d62c71
```
#d62c71 rgb(214,44,113)
```

Triadic Color

#2cd691
```
#2cd691 rgb(44,214,145)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#d62c71
```
#d62c71 rgb(214,44,113)
```
#d6912c
```
#d6912c rgb(214,145,44)
```

Tetradic Color

#1e4f98
```
#1e4f98 rgb(30,79,152)
```
#225aad
```
#225aad rgb(34,90,173)
```
#2665c3
```
#2665c3 rgb(38,101,195)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#417fda
```
#417fda rgb(65,127,218)
```
#578ede
```
#578ede rgb(87,142,222)
```
#6c9ce2
```
#6c9ce2 rgb(108,156,226)
```

Monochromatic Color

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

#2c9cd6
```
#2c9cd6 rgb(44,156,214)
```
#2c8dd6
```
#2c8dd6 rgb(44,141,214)
```
#2c7fd6
```
#2c7fd6 rgb(44,127,214)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#2c63d6
```
#2c63d6 rgb(44,99,214)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#2c47d6
```
#2c47d6 rgb(44,71,214)
```

Similar Colors

Text with hexadecimal color #2c71d6

This text has a font color of #2c71d6.

<span style="color:#2c71d6;">Text here</span>

#2c71d6 background color

This paragraph has a background color of #2c71d6.

<p style="background-color:#2c71d6;">Content here</p>

#2c71d6 border color

This element has a border color of #2c71d6.

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

CSS codes

.text {color:#2c71d6;}

.background {background-color:#2c71d6;}

.border {border:1px solid #2c71d6;}

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, #000103 is the darkest color, while #f1f6fc is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#040a13
```
#040a13 rgb(4,10,19)
```
#071223
```
#071223 rgb(7,18,35)
```
#0a1b34
```
#0a1b34 rgb(10,27,52)
```
#0d2444
```
#0d2444 rgb(13,36,68)
```
#102c55
```
#102c55 rgb(16,44,85)
```
#143565
```
#143565 rgb(20,53,101)
```
#173d75
```
#173d75 rgb(23,61,117)
```
#1a4686
```
#1a4686 rgb(26,70,134)
```
#1d4e96
```
#1d4e96 rgb(29,78,150)
```
#2057a7
```
#2057a7 rgb(32,87,167)
```
#245fb7
```
#245fb7 rgb(36,95,183)
```
#2768c8
```
#2768c8 rgb(39,104,200)
```

Shade Color Variation

#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#3c7cd9
```
#3c7cd9 rgb(60,124,217)
```
#4d87dc
```
#4d87dc rgb(77,135,220)
```
#5d92e0
```
#5d92e0 rgb(93,146,224)
```
#6e9de3
```
#6e9de3 rgb(110,157,227)
```
#7ea8e6
```
#7ea8e6 rgb(126,168,230)
```
#8fb3e9
```
#8fb3e9 rgb(143,179,233)
```
#9fbeec
```
#9fbeec rgb(159,190,236)
```
#afc9f0
```
#afc9f0 rgb(175,201,240)
```
#c0d4f3
```
#c0d4f3 rgb(192,212,243)
```
#d0e0f6
```
#d0e0f6 rgb(208,224,246)
```
#e1ebf9
```
#e1ebf9 rgb(225,235,249)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8088 is the less saturated color, while #056afd is the most saturated one.

#7a8088
```
#7a8088 rgb(122,128,136)
```
#707e92
```
#707e92 rgb(112,126,146)
```
#667c9c
```
#667c9c rgb(102,124,156)
```
#5c7aa6
```
#5c7aa6 rgb(92,122,166)
```
#5378af
```
#5378af rgb(83,120,175)
```
#4976b9
```
#4976b9 rgb(73,118,185)
```
#3f75c3
```
#3f75c3 rgb(63,117,195)
```
#3673cc
```
#3673cc rgb(54,115,204)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#226fe0
```
#226fe0 rgb(34,111,224)
```
#196de9
```
#196de9 rgb(25,109,233)
```
#0f6cf3
```
#0f6cf3 rgb(15,108,243)
```
#056afd
```
#056afd rgb(5,106,253)
```

Tone Color Variation

Below, you can see how #2c71d6 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

#686868 Achromatopsia 0.005% of the population
#5c6a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4277d7 Protanopia 1% of men
#007cce Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#3a75d6 Protanomaly 1% of men, 0.01% of women
#1078d1 Deuteranomaly 6% of men, 0.4% of women
#107ea8 Tritanomaly 0.01% of the population

#2c71d6 hex color

#2c71d6 Color Information

#2c71d6 Color Conversion

Color Schemes with #2c71d6

Alternatives to #2c71d6

#2c71d6 Preview

Shades and Tints of #2c71d6

Tones of #2c71d6

Color Blindness Simulator