#2c516a hex color

In a RGB color space, hex #2c516a is composed of 17.3% red, 31.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 23.6% magenta, 0% yellow and 58.4% black. It has a hue angle of 204.2 degrees, a saturation of 41.3% and a lightness of 29.4%. #2c516a color hex could be obtained by blending #58a2d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 32
- B 42
RGB color chart
- C 58
- M 24
- Y 0
- K 58
CMYK color chart

● #2c516a color description : Very dark desaturated blue.

The hexadecimal color #2c516a has RGB values of R:44, G:81, B:106 and CMYK values of C:0.58, M:0.24, Y:0, K:0.58. Its decimal value is 2904426.

Hex triplet	2c516a	`#2c516a`
RGB Decimal	44, 81, 106	`rgb(44,81,106)`
RGB Percent	17.3, 31.8, 41.6	`rgb(17.3%,31.8%,41.6%)`
CMYK	58, 24, 0, 58
HSL	204.2°, 41.3, 29.4	`hsl(204.2,41.3%,29.4%)`
HSV (or HSB)	204.2°, 58.5, 41.6
Web Safe	336666	`#336666`

CIE-LAB	32.833, -5.162, -18.471
XYZ	6.582, 7.461, 14.728
xyY	0.229, 0.259, 7.461
CIE-LCH	32.833, 19.178, 254.387
CIE-LUV	32.833, -15.363, -23.723
Hunter-Lab	27.314, -4.785, -12.85
Binary	00101100, 01010001, 01101010

#2c516a
```
#2c516a rgb(44,81,106)
```
#6a452c
```
#6a452c rgb(106,69,44)
```

Complementary Color

#2c6a64
```
#2c6a64 rgb(44,106,100)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#2c326a
```
#2c326a rgb(44,50,106)
```

Analogous Color

#6a642c
```
#6a642c rgb(106,100,44)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#6a2c32
```
#6a2c32 rgb(106,44,50)
```

Split Complementary Color

#516a2c
```
#516a2c rgb(81,106,44)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#6a2c51
```
#6a2c51 rgb(106,44,81)
```

Triadic Color

#2c6a45
```
#2c6a45 rgb(44,106,69)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#6a2c51
```
#6a2c51 rgb(106,44,81)
```
#6a452c
```
#6a452c rgb(106,69,44)
```

Tetradic Color

#162834
```
#162834 rgb(22,40,52)
```
#1d3546
```
#1d3546 rgb(29,53,70)
```
#254358
```
#254358 rgb(37,67,88)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#3b6d8e
```
#3b6d8e rgb(59,109,142)
```
#427aa0
```
#427aa0 rgb(66,122,160)
```

Monochromatic Color

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

#2c616a
```
#2c616a rgb(44,97,106)
```
#2c5b6a
```
#2c5b6a rgb(44,91,106)
```
#2c566a
```
#2c566a rgb(44,86,106)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#2c4c6a
```
#2c4c6a rgb(44,76,106)
```
#2c476a
```
#2c476a rgb(44,71,106)
```
#2c426a
```
#2c426a rgb(44,66,106)
```

Similar Colors

Text with hexadecimal color #2c516a

This text has a font color of #2c516a.

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

#2c516a background color

This paragraph has a background color of #2c516a.

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

#2c516a border color

This element has a border color of #2c516a.

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

CSS codes

.text {color:#2c516a;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#091117
```
#091117 rgb(9,17,23)
```
#0f1c25
```
#0f1c25 rgb(15,28,37)
```
#152733
```
#152733 rgb(21,39,51)
```
#1b3140
```
#1b3140 rgb(27,49,64)
```
#203c4e
```
#203c4e rgb(32,60,78)
```
#26465c
```
#26465c rgb(38,70,92)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#325c78
```
#325c78 rgb(50,92,120)
```
#386686
```
#386686 rgb(56,102,134)
```
#3d7194
```
#3d7194 rgb(61,113,148)
```
#437ba1
```
#437ba1 rgb(67,123,161)
```
#4986af
```
#4986af rgb(73,134,175)
```

Shade Color Variation

#5490b8
```
#5490b8 rgb(84,144,184)
```
#6299be
```
#6299be rgb(98,153,190)
```
#6fa2c3
```
#6fa2c3 rgb(111,162,195)
```
#7dabc9
```
#7dabc9 rgb(125,171,201)
```
#8bb4cf
```
#8bb4cf rgb(139,180,207)
```
#99bdd5
```
#99bdd5 rgb(153,189,213)
```
#a7c6da
```
#a7c6da rgb(167,198,218)
```
#b5cfe0
```
#b5cfe0 rgb(181,207,224)
```
#c3d8e6
```
#c3d8e6 rgb(195,216,230)
```
#d1e1ec
```
#d1e1ec rgb(209,225,236)
```
#deeaf1
```
#deeaf1 rgb(222,234,241)
```
#ecf3f7
```
#ecf3f7 rgb(236,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#494b4d
```
#494b4d rgb(73,75,77)
```
#434d53
```
#434d53 rgb(67,77,83)
```
#3d4e59
```
#3d4e59 rgb(61,78,89)
```
#384f5e
```
#384f5e rgb(56,79,94)
```
#325064
```
#325064 rgb(50,80,100)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#265270
```
#265270 rgb(38,82,112)
```
#205376
```
#205376 rgb(32,83,118)
```
#1b547b
```
#1b547b rgb(27,84,123)
```
#155581
```
#155581 rgb(21,85,129)
```
#0f5787
```
#0f5787 rgb(15,87,135)
```
#09588d
```
#09588d rgb(9,88,141)
```
#045992
```
#045992 rgb(4,89,146)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f556e Protanopia 1% of men
#4c5573 Deuteranopia 1% of men
#305c63 Tritanopia 0.001% of the population

Trichromacy

#42536d Protanomaly 1% of men, 0.01% of women
#405370 Deuteranomaly 6% of men, 0.4% of women
#2e5865 Tritanomaly 0.01% of the population

#2c516a hex color

#2c516a Color Information

#2c516a Color Conversion

Color Schemes with #2c516a

Alternatives to #2c516a

#2c516a Preview

Shades and Tints of #2c516a

Tones of #2c516a

Color Blindness Simulator