#2c7186 hex color

In a RGB color space, hex #2c7186 is composed of 17.3% red, 44.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 15.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 194 degrees, a saturation of 50.6% and a lightness of 34.9%. #2c7186 color hex could be obtained by blending #58e2ff with #00000d. Closest websafe color is: #336699.

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

● #2c7186 color description : Dark moderate cyan.

The hexadecimal color #2c7186 has RGB values of R:44, G:113, B:134 and CMYK values of C:0.67, M:0.16, Y:0, K:0.47. Its decimal value is 2912646.

Hex triplet	2c7186	`#2c7186`
RGB Decimal	44, 113, 134	`rgb(44,113,134)`
RGB Percent	17.3, 44.3, 52.5	`rgb(17.3%,44.3%,52.5%)`
CMYK	67, 16, 0, 47
HSL	194°, 50.6, 34.9	`hsl(194,50.6%,34.9%)`
HSV (or HSB)	194°, 67.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.328, -14.569, -17.923
XYZ	11.246, 14.066, 24.675
xyY	0.225, 0.281, 14.066
CIE-LCH	44.328, 23.097, 230.893
CIE-LUV	44.328, -26.511, -23.644
Hunter-Lab	37.505, -12.11, -12.755
Binary	00101100, 01110001, 10000110

#2c7186
```
#2c7186 rgb(44,113,134)
```
#86412c
```
#86412c rgb(134,65,44)
```

Complementary Color

#2c866e
```
#2c866e rgb(44,134,110)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#2c4486
```
#2c4486 rgb(44,68,134)
```

Analogous Color

#866e2c
```
#866e2c rgb(134,110,44)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#862c44
```
#862c44 rgb(134,44,68)
```

Split Complementary Color

#71862c
```
#71862c rgb(113,134,44)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#862c71
```
#862c71 rgb(134,44,113)
```

Triadic Color

#2c8641
```
#2c8641 rgb(44,134,65)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#862c71
```
#862c71 rgb(134,44,113)
```
#86412c
```
#86412c rgb(134,65,44)
```

Tetradic Color

#19404c
```
#19404c rgb(25,64,76)
```
#1f5160
```
#1f5160 rgb(31,81,96)
```
#266173
```
#266173 rgb(38,97,115)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#328199
```
#328199 rgb(50,129,153)
```
#3991ac
```
#3991ac rgb(57,145,172)
```
#3fa2c0
```
#3fa2c0 rgb(63,162,192)
```

Monochromatic Color

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

#2c8685
```
#2c8685 rgb(44,134,133)
```
#2c8086
```
#2c8086 rgb(44,128,134)
```
#2c7986
```
#2c7986 rgb(44,121,134)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#2c6a86
```
#2c6a86 rgb(44,106,134)
```
#2c6286
```
#2c6286 rgb(44,98,134)
```
#2c5b86
```
#2c5b86 rgb(44,91,134)
```

Similar Colors

Text with hexadecimal color #2c7186

This text has a font color of #2c7186.

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

#2c7186 background color

This paragraph has a background color of #2c7186.

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

#2c7186 border color

This element has a border color of #2c7186.

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

CSS codes

.text {color:#2c7186;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#0a1a1f
```
#0a1a1f rgb(10,26,31)
```
#0f262d
```
#0f262d rgb(15,38,45)
```
#14333c
```
#14333c rgb(20,51,60)
```
#193f4b
```
#193f4b rgb(25,63,75)
```
#1d4c5a
```
#1d4c5a rgb(29,76,90)
```
#225868
```
#225868 rgb(34,88,104)
```
#276577
```
#276577 rgb(39,101,119)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#317d95
```
#317d95 rgb(49,125,149)
```
#368aa4
```
#368aa4 rgb(54,138,164)
```
#3b96b2
```
#3b96b2 rgb(59,150,178)
```

Shade Color Variation

#40a2c0
```
#40a2c0 rgb(64,162,192)
```
#4faac5
```
#4faac5 rgb(79,170,197)
```
#5eb1ca
```
#5eb1ca rgb(94,177,202)
```
#6cb8cf
```
#6cb8cf rgb(108,184,207)
```
#7bbfd4
```
#7bbfd4 rgb(123,191,212)
```
#8ac6d9
```
#8ac6d9 rgb(138,198,217)
```
#99cddd
```
#99cddd rgb(153,205,221)
```
#a8d5e2
```
#a8d5e2 rgb(168,213,226)
```
#b6dce7
```
#b6dce7 rgb(182,220,231)
```
#c5e3ec
```
#c5e3ec rgb(197,227,236)
```
#d4eaf1
```
#d4eaf1 rgb(212,234,241)
```
#e3f1f6
```
#e3f1f6 rgb(227,241,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555b5d is the less saturated color, while #0387af is the most saturated one.

#555b5d
```
#555b5d rgb(85,91,93)
```
#4e5f64
```
#4e5f64 rgb(78,95,100)
```
#47626b
```
#47626b rgb(71,98,107)
```
#416671
```
#416671 rgb(65,102,113)
```
#3a6a78
```
#3a6a78 rgb(58,106,120)
```
#336d7f
```
#336d7f rgb(51,109,127)
```
#2c7186
```
#2c7186 rgb(44,113,134)
```
#25758d
```
#25758d rgb(37,117,141)
```
#1e7894
```
#1e7894 rgb(30,120,148)
```
#177c9b
```
#177c9b rgb(23,124,155)
```
#1180a1
```
#1180a1 rgb(17,128,161)
```
#0a83a8
```
#0a83a8 rgb(10,131,168)
```
#0387af
```
#0387af rgb(3,135,175)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f86 Protanopia 1% of men
#696e8f Deuteranopia 1% of men
#307a83 Tritanopia 0.001% of the population

Trichromacy

#547086 Protanomaly 1% of men, 0.01% of women
#526f8c Deuteranomaly 6% of men, 0.4% of women
#2f7684 Tritanomaly 0.01% of the population

#2c7186 hex color

#2c7186 Color Information

#2c7186 Color Conversion

Color Schemes with #2c7186

Alternatives to #2c7186

#2c7186 Preview

Shades and Tints of #2c7186

Tones of #2c7186

Color Blindness Simulator