#2c71cc hex color

In a RGB color space, hex #2c71cc is composed of 17.3% red, 44.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 44.6% magenta, 0% yellow and 20% black. It has a hue angle of 214.1 degrees, a saturation of 64.5% and a lightness of 48.6%. #2c71cc color hex could be obtained by blending #58e2ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 44
- B 80
RGB color chart
- C 78
- M 45
- Y 0
- K 20
CMYK color chart

● #2c71cc color description : Strong blue.

The hexadecimal color #2c71cc has RGB values of R:44, G:113, B:204 and CMYK values of C:0.78, M:0.45, Y:0, K:0.2. Its decimal value is 2912716.

Hex triplet	2c71cc	`#2c71cc`
RGB Decimal	44, 113, 204	`rgb(44,113,204)`
RGB Percent	17.3, 44.3, 80	`rgb(17.3%,44.3%,80%)`
CMYK	78, 45, 0, 20
HSL	214.1°, 64.5, 48.6	`hsl(214.1,64.5%,48.6%)`
HSV (or HSB)	214.1°, 78.4, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.885, 10.915, -53.281
XYZ	17.84, 16.704, 59.407
xyY	0.19, 0.178, 16.704
CIE-LCH	47.885, 54.387, 281.578
CIE-LUV	47.885, -23.691, -82.003
Hunter-Lab	40.87, 6.394, -57.572
Binary	00101100, 01110001, 11001100

#2c71cc
```
#2c71cc rgb(44,113,204)
```
#cc872c
```
#cc872c rgb(204,135,44)
```

Complementary Color

#2cc1cc
```
#2cc1cc rgb(44,193,204)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#372ccc
```
#372ccc rgb(55,44,204)
```

Analogous Color

#c1cc2c
```
#c1cc2c rgb(193,204,44)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#cc372c
```
#cc372c rgb(204,55,44)
```

Split Complementary Color

#71cc2c
```
#71cc2c rgb(113,204,44)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#cc2c71
```
#cc2c71 rgb(204,44,113)
```

Triadic Color

#2ccc87
```
#2ccc87 rgb(44,204,135)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#cc2c71
```
#cc2c71 rgb(204,44,113)
```
#cc872c
```
#cc872c rgb(204,135,44)
```

Tetradic Color

#1e4e8d
```
#1e4e8d rgb(30,78,141)
```
#235aa2
```
#235aa2 rgb(35,90,162)
```
#2765b7
```
#2765b7 rgb(39,101,183)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#3c7ed5
```
#3c7ed5 rgb(60,126,213)
```
#518cda
```
#518cda rgb(81,140,218)
```
#669ade
```
#669ade rgb(102,154,222)
```

Monochromatic Color

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

#2c99cc
```
#2c99cc rgb(44,153,204)
```
#2c8ccc
```
#2c8ccc rgb(44,140,204)
```
#2c7ecc
```
#2c7ecc rgb(44,126,204)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#2c64cc
```
#2c64cc rgb(44,100,204)
```
#2c56cc
```
#2c56cc rgb(44,86,204)
```
#2c49cc
```
#2c49cc rgb(44,73,204)
```

Similar Colors

Text with hexadecimal color #2c71cc

This text has a font color of #2c71cc.

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

#2c71cc background color

This paragraph has a background color of #2c71cc.

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

#2c71cc border color

This element has a border color of #2c71cc.

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

CSS codes

.text {color:#2c71cc;}

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

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

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)
```
#060f1b
```
#060f1b rgb(6,15,27)
```
#09182b
```
#09182b rgb(9,24,43)
```
#0d213b
```
#0d213b rgb(13,33,59)
```
#10294b
```
#10294b rgb(16,41,75)
```
#14325b
```
#14325b rgb(20,50,91)
```
#173b6b
```
#173b6b rgb(23,59,107)
```
#1b447b
```
#1b447b rgb(27,68,123)
```
#1e4d8b
```
#1e4d8b rgb(30,77,139)
```
#22569c
```
#22569c rgb(34,86,156)
```
#255fac
```
#255fac rgb(37,95,172)
```
#2968bc
```
#2968bc rgb(41,104,188)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```

Shade Color Variation

#387bd4
```
#387bd4 rgb(56,123,212)
```
#4886d7
```
#4886d7 rgb(72,134,215)
```
#5890db
```
#5890db rgb(88,144,219)
```
#689bde
```
#689bde rgb(104,155,222)
```
#78a6e2
```
#78a6e2 rgb(120,166,226)
```
#88b0e5
```
#88b0e5 rgb(136,176,229)
```
#98bbe9
```
#98bbe9 rgb(152,187,233)
```
#a9c6ec
```
#a9c6ec rgb(169,198,236)
```
#b9d0f0
```
#b9d0f0 rgb(185,208,240)
```
#c9dbf3
```
#c9dbf3 rgb(201,219,243)
```
#d9e6f7
```
#d9e6f7 rgb(217,230,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, #787b80 is the less saturated color, while #066cf2 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6f7a89
```
#6f7a89 rgb(111,122,137)
```
#657993
```
#657993 rgb(101,121,147)
```
#5c789c
```
#5c789c rgb(92,120,156)
```
#5276a6
```
#5276a6 rgb(82,118,166)
```
#4975af
```
#4975af rgb(73,117,175)
```
#3f74b9
```
#3f74b9 rgb(63,116,185)
```
#3672c2
```
#3672c2 rgb(54,114,194)
```
#2c71cc
```
#2c71cc rgb(44,113,204)
```
#2270d6
```
#2270d6 rgb(34,112,214)
```
#196edf
```
#196edf rgb(25,110,223)
```
#0f6de9
```
#0f6de9 rgb(15,109,233)
```
#066cf2
```
#066cf2 rgb(6,108,242)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b697b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b76cc Protanopia 1% of men
#007acd Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4074cc Protanomaly 1% of men, 0.01% of women
#1077cc Deuteranomaly 6% of men, 0.4% of women
#107da4 Tritanomaly 0.01% of the population

#2c71cc hex color

#2c71cc Color Information

#2c71cc Color Conversion

Color Schemes with #2c71cc

Alternatives to #2c71cc

#2c71cc Preview

Shades and Tints of #2c71cc

Tones of #2c71cc

Color Blindness Simulator