#2c7196 hex color

In a RGB color space, hex #2c7196 is composed of 17.3% red, 44.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 24.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 200.9 degrees, a saturation of 54.6% and a lightness of 38%. #2c7196 color hex could be obtained by blending #58e2ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 44
- B 59
RGB color chart
- C 71
- M 25
- Y 0
- K 41
CMYK color chart

● #2c7196 color description : Dark blue.

The hexadecimal color #2c7196 has RGB values of R:44, G:113, B:150 and CMYK values of C:0.71, M:0.25, Y:0, K:0.41. Its decimal value is 2912662.

Hex triplet	2c7196	`#2c7196`
RGB Decimal	44, 113, 150	`rgb(44,113,150)`
RGB Percent	17.3, 44.3, 58.8	`rgb(17.3%,44.3%,58.8%)`
CMYK	71, 25, 0, 41
HSL	200.9°, 54.6, 38	`hsl(200.9,54.6%,38%)`
HSV (or HSB)	200.9°, 70.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	45.007, -9.049, -26.394
XYZ	12.447, 14.547, 31.004
xyY	0.215, 0.251, 14.547
CIE-LCH	45.007, 27.902, 251.076
CIE-LUV	45.007, -25.748, -37.351
Hunter-Lab	38.14, -8.49, -21.499
Binary	00101100, 01110001, 10010110

#2c7196
```
#2c7196 rgb(44,113,150)
```
#96512c
```
#96512c rgb(150,81,44)
```

Complementary Color

#2c9686
```
#2c9686 rgb(44,150,134)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#2c3c96
```
#2c3c96 rgb(44,60,150)
```

Analogous Color

#96862c
```
#96862c rgb(150,134,44)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#962c3c
```
#962c3c rgb(150,44,60)
```

Split Complementary Color

#71962c
```
#71962c rgb(113,150,44)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#962c71
```
#962c71 rgb(150,44,113)
```

Triadic Color

#2c9651
```
#2c9651 rgb(44,150,81)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#962c71
```
#962c71 rgb(150,44,113)
```
#96512c
```
#96512c rgb(150,81,44)
```

Tetradic Color

#1b445b
```
#1b445b rgb(27,68,91)
```
#20536f
```
#20536f rgb(32,83,111)
```
#266282
```
#266282 rgb(38,98,130)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#3280aa
```
#3280aa rgb(50,128,170)
```
#388fbd
```
#388fbd rgb(56,143,189)
```
#469bc9
```
#469bc9 rgb(70,155,201)
```

Monochromatic Color

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

#2c8c96
```
#2c8c96 rgb(44,140,150)
```
#2c8396
```
#2c8396 rgb(44,131,150)
```
#2c7a96
```
#2c7a96 rgb(44,122,150)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#2c6896
```
#2c6896 rgb(44,104,150)
```
#2c5f96
```
#2c5f96 rgb(44,95,150)
```
#2c5796
```
#2c5796 rgb(44,87,150)
```

Similar Colors

Text with hexadecimal color #2c7196

This text has a font color of #2c7196.

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

#2c7196 background color

This paragraph has a background color of #2c7196.

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

#2c7196 border color

This element has a border color of #2c7196.

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

CSS codes

.text {color:#2c7196;}

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

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

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, #040a0e is the darkest color, while #fdfeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#08161d
```
#08161d rgb(8,22,29)
```
#0d212c
```
#0d212c rgb(13,33,44)
```
#112c3b
```
#112c3b rgb(17,44,59)
```
#16384a
```
#16384a rgb(22,56,74)
```
#1a4359
```
#1a4359 rgb(26,67,89)
```
#1f4f69
```
#1f4f69 rgb(31,79,105)
```
#235a78
```
#235a78 rgb(35,90,120)
```
#286687
```
#286687 rgb(40,102,135)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#307ca5
```
#307ca5 rgb(48,124,165)
```
#3588b4
```
#3588b4 rgb(53,136,180)
```
#3993c3
```
#3993c3 rgb(57,147,195)
```

Shade Color Variation

#479cc9
```
#479cc9 rgb(71,156,201)
```
#57a4ce
```
#57a4ce rgb(87,164,206)
```
#66acd2
```
#66acd2 rgb(102,172,210)
```
#75b4d6
```
#75b4d6 rgb(117,180,214)
```
#84bddb
```
#84bddb rgb(132,189,219)
```
#93c5df
```
#93c5df rgb(147,197,223)
```
#a2cde4
```
#a2cde4 rgb(162,205,228)
```
#b2d5e8
```
#b2d5e8 rgb(178,213,232)
```
#c1dded
```
#c1dded rgb(193,221,237)
```
#d0e6f1
```
#d0e6f1 rgb(208,230,241)
```
#dfeef6
```
#dfeef6 rgb(223,238,246)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606162 is the less saturated color, while #077cbb is the most saturated one.

#606162
```
#606162 rgb(96,97,98)
```
#596369
```
#596369 rgb(89,99,105)
```
#516671
```
#516671 rgb(81,102,113)
```
#4a6878
```
#4a6878 rgb(74,104,120)
```
#426a80
```
#426a80 rgb(66,106,128)
```
#3b6c87
```
#3b6c87 rgb(59,108,135)
```
#336f8f
```
#336f8f rgb(51,111,143)
```
#2c7196
```
#2c7196 rgb(44,113,150)
```
#25739d
```
#25739d rgb(37,115,157)
```
#1d76a5
```
#1d76a5 rgb(29,118,165)
```
#1678ac
```
#1678ac rgb(22,120,172)
```
#0e7ab4
```
#0e7ab4 rgb(14,122,180)
```
#077cbb
```
#077cbb rgb(7,124,187)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#56646c Atypical Achromatopsia 0.001% of the population

Dichromacy

#667096 Protanopia 1% of men
#60719e Deuteranopia 1% of men
#237c85 Tritanopia 0.001% of the population

Trichromacy

#517096 Protanomaly 1% of men, 0.01% of women
#4d719b Deuteranomaly 6% of men, 0.4% of women
#26788b Tritanomaly 0.01% of the population

#2c7196 hex color

#2c7196 Color Information

#2c7196 Color Conversion

Color Schemes with #2c7196

Alternatives to #2c7196

#2c7196 Preview

Shades and Tints of #2c7196

Tones of #2c7196

Color Blindness Simulator