#2c6e96 hex color

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

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

● #2c6e96 color description : Dark blue.

The hexadecimal color #2c6e96 has RGB values of R:44, G:110, B:150 and CMYK values of C:0.71, M:0.27, Y:0, K:0.41. Its decimal value is 2911894.

Hex triplet	2c6e96	`#2c6e96`
RGB Decimal	44, 110, 150	`rgb(44,110,150)`
RGB Percent	17.3, 43.1, 58.8	`rgb(17.3%,43.1%,58.8%)`
CMYK	71, 27, 0, 41
HSL	202.6°, 54.6, 38	`hsl(202.6,54.6%,38%)`
HSV (or HSB)	202.6°, 70.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.072, -7.279, -27.85
XYZ	12.118, 13.888, 30.895
xyY	0.213, 0.244, 13.888
CIE-LCH	44.072, 28.785, 255.353
CIE-LUV	44.072, -24.658, -39.62
Hunter-Lab	37.267, -7.174, -23.065
Binary	00101100, 01101110, 10010110

#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#96542c
```
#96542c rgb(150,84,44)
```

Complementary Color

#2c9689
```
#2c9689 rgb(44,150,137)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#2c3996
```
#2c3996 rgb(44,57,150)
```

Analogous Color

#96892c
```
#96892c rgb(150,137,44)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#962c39
```
#962c39 rgb(150,44,57)
```

Split Complementary Color

#6e962c
```
#6e962c rgb(110,150,44)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#962c6e
```
#962c6e rgb(150,44,110)
```

Triadic Color

#2c9654
```
#2c9654 rgb(44,150,84)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#962c6e
```
#962c6e rgb(150,44,110)
```
#96542c
```
#96542c rgb(150,84,44)
```

Tetradic Color

#1b435b
```
#1b435b rgb(27,67,91)
```
#20516f
```
#20516f rgb(32,81,111)
```
#266082
```
#266082 rgb(38,96,130)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#327caa
```
#327caa rgb(50,124,170)
```
#388bbd
```
#388bbd rgb(56,139,189)
```
#4697c9
```
#4697c9 rgb(70,151,201)
```

Monochromatic Color

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

#2c8996
```
#2c8996 rgb(44,137,150)
```
#2c8096
```
#2c8096 rgb(44,128,150)
```
#2c7796
```
#2c7796 rgb(44,119,150)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#2c6596
```
#2c6596 rgb(44,101,150)
```
#2c5c96
```
#2c5c96 rgb(44,92,150)
```
#2c5496
```
#2c5496 rgb(44,84,150)
```

Similar Colors

Text with hexadecimal color #2c6e96

This text has a font color of #2c6e96.

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

#2c6e96 background color

This paragraph has a background color of #2c6e96.

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

#2c6e96 border color

This element has a border color of #2c6e96.

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

CSS codes

.text {color:#2c6e96;}

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

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

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)
```
#08151d
```
#08151d rgb(8,21,29)
```
#0d202c
```
#0d202c rgb(13,32,44)
```
#112b3b
```
#112b3b rgb(17,43,59)
```
#16364a
```
#16364a rgb(22,54,74)
```
#1a4259
```
#1a4259 rgb(26,66,89)
```
#1f4d69
```
#1f4d69 rgb(31,77,105)
```
#235878
```
#235878 rgb(35,88,120)
```
#286387
```
#286387 rgb(40,99,135)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#3079a5
```
#3079a5 rgb(48,121,165)
```
#3584b4
```
#3584b4 rgb(53,132,180)
```
#398fc3
```
#398fc3 rgb(57,143,195)
```

Shade Color Variation

#4798c9
```
#4798c9 rgb(71,152,201)
```
#57a1ce
```
#57a1ce rgb(87,161,206)
```
#66a9d2
```
#66a9d2 rgb(102,169,210)
```
#75b2d6
```
#75b2d6 rgb(117,178,214)
```
#84badb
```
#84badb rgb(132,186,219)
```
#93c3df
```
#93c3df rgb(147,195,223)
```
#a2cbe4
```
#a2cbe4 rgb(162,203,228)
```
#b2d4e8
```
#b2d4e8 rgb(178,212,232)
```
#c1dced
```
#c1dced rgb(193,220,237)
```
#d0e5f1
```
#d0e5f1 rgb(208,229,241)
```
#dfedf6
```
#dfedf6 rgb(223,237,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 #0777bb is the most saturated one.

#606162
```
#606162 rgb(96,97,98)
```
#596369
```
#596369 rgb(89,99,105)
```
#516571
```
#516571 rgb(81,101,113)
```
#4a6778
```
#4a6778 rgb(74,103,120)
```
#426980
```
#426980 rgb(66,105,128)
```
#3b6a87
```
#3b6a87 rgb(59,106,135)
```
#336c8f
```
#336c8f rgb(51,108,143)
```
#2c6e96
```
#2c6e96 rgb(44,110,150)
```
#25709d
```
#25709d rgb(37,112,157)
```
#1d72a5
```
#1d72a5 rgb(29,114,165)
```
#1673ac
```
#1673ac rgb(22,115,172)
```
#0e75b4
```
#0e75b4 rgb(14,117,180)
```
#0777bb
```
#0777bb rgb(7,119,187)
```

Tone Color Variation

Below, you can see how #2c6e96 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
#55626a Atypical Achromatopsia 0.001% of the population

Dichromacy

#636e96 Protanopia 1% of men
#5b6f9d Deuteranopia 1% of men
#207a83 Tritanopia 0.001% of the population

Trichromacy

#4f6e96 Protanomaly 1% of men, 0.01% of women
#4a6e9b Deuteranomaly 6% of men, 0.4% of women
#24758a Tritanomaly 0.01% of the population

#2c6e96 hex color

#2c6e96 Color Information

#2c6e96 Color Conversion

Color Schemes with #2c6e96

Alternatives to #2c6e96

#2c6e96 Preview

Shades and Tints of #2c6e96

Tones of #2c6e96

Color Blindness Simulator