#2c71ac hex color

In a RGB color space, hex #2c71ac is composed of 17.3% red, 44.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 34.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 207.7 degrees, a saturation of 59.3% and a lightness of 42.4%. #2c71ac color hex could be obtained by blending #58e2ff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 44
- B 67
RGB color chart
- C 74
- M 34
- Y 0
- K 33
CMYK color chart

● #2c71ac color description : Dark blue.

The hexadecimal color #2c71ac has RGB values of R:44, G:113, B:172 and CMYK values of C:0.74, M:0.34, Y:0, K:0.33. Its decimal value is 2912684.

Hex triplet	2c71ac	`#2c71ac`
RGB Decimal	44, 113, 172	`rgb(44,113,172)`
RGB Percent	17.3, 44.3, 67.5	`rgb(17.3%,44.3%,67.5%)`
CMYK	74, 34, 0, 33
HSL	207.7°, 59.3, 42.4	`hsl(207.7,59.3%,42.4%)`
HSV (or HSB)	207.7°, 74.4, 67.5
Web Safe	336699	`#336699`

CIE-LAB	46.074, -1.08, -37.666
XYZ	14.388, 15.323, 41.227
xyY	0.203, 0.216, 15.323
CIE-LCH	46.074, 37.681, 268.357
CIE-LUV	46.074, -24.802, -56.003
Hunter-Lab	39.145, -2.892, -35.042
Binary	00101100, 01110001, 10101100

#2c71ac
```
#2c71ac rgb(44,113,172)
```
#ac672c
```
#ac672c rgb(172,103,44)
```

Complementary Color

#2caca7
```
#2caca7 rgb(44,172,167)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#2c31ac
```
#2c31ac rgb(44,49,172)
```

Analogous Color

#aca72c
```
#aca72c rgb(172,167,44)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#ac2c31
```
#ac2c31 rgb(172,44,49)
```

Split Complementary Color

#71ac2c
```
#71ac2c rgb(113,172,44)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#ac2c71
```
#ac2c71 rgb(172,44,113)
```

Triadic Color

#2cac67
```
#2cac67 rgb(44,172,103)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#ac2c71
```
#ac2c71 rgb(172,44,113)
```
#ac672c
```
#ac672c rgb(172,103,44)
```

Tetradic Color

#1c496f
```
#1c496f rgb(28,73,111)
```
#225683
```
#225683 rgb(34,86,131)
```
#276498
```
#276498 rgb(39,100,152)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#317ec0
```
#317ec0 rgb(49,126,192)
```
#3e8bce
```
#3e8bce rgb(62,139,206)
```
#5297d3
```
#5297d3 rgb(82,151,211)
```

Monochromatic Color

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

#2c91ac
```
#2c91ac rgb(44,145,172)
```
#2c86ac
```
#2c86ac rgb(44,134,172)
```
#2c7cac
```
#2c7cac rgb(44,124,172)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#2c66ac
```
#2c66ac rgb(44,102,172)
```
#2c5cac
```
#2c5cac rgb(44,92,172)
```
#2c51ac
```
#2c51ac rgb(44,81,172)
```

Similar Colors

Text with hexadecimal color #2c71ac

This text has a font color of #2c71ac.

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

#2c71ac background color

This paragraph has a background color of #2c71ac.

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

#2c71ac border color

This element has a border color of #2c71ac.

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

CSS codes

.text {color:#2c71ac;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#08151f
```
#08151f rgb(8,21,31)
```
#0c1f2f
```
#0c1f2f rgb(12,31,47)
```
#10293f
```
#10293f rgb(16,41,63)
```
#14334e
```
#14334e rgb(20,51,78)
```
#183e5e
```
#183e5e rgb(24,62,94)
```
#1c486e
```
#1c486e rgb(28,72,110)
```
#20527d
```
#20527d rgb(32,82,125)
```
#245c8d
```
#245c8d rgb(36,92,141)
```
#28679c
```
#28679c rgb(40,103,156)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#307bbc
```
#307bbc rgb(48,123,188)
```

Shade Color Variation

#3486cb
```
#3486cb rgb(52,134,203)
```
#448fcf
```
#448fcf rgb(68,143,207)
```
#5398d3
```
#5398d3 rgb(83,152,211)
```
#63a2d7
```
#63a2d7 rgb(99,162,215)
```
#73abdb
```
#73abdb rgb(115,171,219)
```
#82b4df
```
#82b4df rgb(130,180,223)
```
#92bee3
```
#92bee3 rgb(146,190,227)
```
#a1c7e7
```
#a1c7e7 rgb(161,199,231)
```
#b1d0eb
```
#b1d0eb rgb(177,208,235)
```
#c1daef
```
#c1daef rgb(193,218,239)
```
#d0e3f3
```
#d0e3f3 rgb(208,227,243)
```
#e0ecf7
```
#e0ecf7 rgb(224,236,247)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666c72 is the less saturated color, while #0274d6 is the most saturated one.

#666c72
```
#666c72 rgb(102,108,114)
```
#5e6d7a
```
#5e6d7a rgb(94,109,122)
```
#566e82
```
#566e82 rgb(86,110,130)
```
#4d6e8b
```
#4d6e8b rgb(77,110,139)
```
#456f93
```
#456f93 rgb(69,111,147)
```
#3d709b
```
#3d709b rgb(61,112,155)
```
#3470a4
```
#3470a4 rgb(52,112,164)
```
#2c71ac
```
#2c71ac rgb(44,113,172)
```
#2472b4
```
#2472b4 rgb(36,114,180)
```
#1b72bd
```
#1b72bd rgb(27,114,189)
```
#1373c5
```
#1373c5 rgb(19,115,197)
```
#0b74cd
```
#0b74cd rgb(11,116,205)
```
#0274d6
```
#0274d6 rgb(2,116,214)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e72ac Protanopia 1% of men
#4e74b1 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#4c72ac Protanomaly 1% of men, 0.01% of women
#4273af Deuteranomaly 6% of men, 0.4% of women
#107a95 Tritanomaly 0.01% of the population

#2c71ac hex color

#2c71ac Color Information

#2c71ac Color Conversion

Color Schemes with #2c71ac

Alternatives to #2c71ac

#2c71ac Preview

Shades and Tints of #2c71ac

Tones of #2c71ac

Color Blindness Simulator