#2c5062 hex color

In a RGB color space, hex #2c5062 is composed of 17.3% red, 31.4% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 18.4% magenta, 0% yellow and 61.6% black. It has a hue angle of 200 degrees, a saturation of 38% and a lightness of 27.8%. #2c5062 color hex could be obtained by blending #58a0c4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 38
RGB color chart
- C 55
- M 18
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2c5062 has RGB values of R:44, G:80, B:98 and CMYK values of C:0.55, M:0.18, Y:0, K:0.62. Its decimal value is 2904162.

Hex triplet	2c5062	`#2c5062`
RGB Decimal	44, 80, 98	`rgb(44,80,98)`
RGB Percent	17.3, 31.4, 38.4	`rgb(17.3%,31.4%,38.4%)`
CMYK	55, 18, 0, 62
HSL	200°, 38, 27.8	`hsl(200,38%,27.8%)`
HSV (or HSB)	200°, 55.1, 38.4
Web Safe	336666	`#336666`

CIE-LAB	32.156, -7.256, -14.469
XYZ	6.111, 7.154, 12.613
xyY	0.236, 0.276, 7.154
CIE-LCH	32.156, 16.187, 243.367
CIE-LUV	32.156, -15.146, -17.838
Hunter-Lab	26.747, -6.023, -9.237
Binary	00101100, 01010000, 01100010

#2c5062
```
#2c5062 rgb(44,80,98)
```
#623e2c
```
#623e2c rgb(98,62,44)
```

Complementary Color

#2c6259
```
#2c6259 rgb(44,98,89)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#2c3562
```
#2c3562 rgb(44,53,98)
```

Analogous Color

#62592c
```
#62592c rgb(98,89,44)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#622c35
```
#622c35 rgb(98,44,53)
```

Split Complementary Color

#50622c
```
#50622c rgb(80,98,44)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#622c50
```
#622c50 rgb(98,44,80)
```

Triadic Color

#2c623e
```
#2c623e rgb(44,98,62)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#622c50
```
#622c50 rgb(98,44,80)
```
#623e2c
```
#623e2c rgb(98,62,44)
```

Tetradic Color

#14252d
```
#14252d rgb(20,37,45)
```
#1c333f
```
#1c333f rgb(28,51,63)
```
#244250
```
#244250 rgb(36,66,80)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#345e74
```
#345e74 rgb(52,94,116)
```
#3c6d85
```
#3c6d85 rgb(60,109,133)
```
#447b97
```
#447b97 rgb(68,123,151)
```

Monochromatic Color

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

#2c5e62
```
#2c5e62 rgb(44,94,98)
```
#2c5962
```
#2c5962 rgb(44,89,98)
```
#2c5562
```
#2c5562 rgb(44,85,98)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#2c4c62
```
#2c4c62 rgb(44,76,98)
```
#2c4762
```
#2c4762 rgb(44,71,98)
```
#2c4362
```
#2c4362 rgb(44,67,98)
```

Similar Colors

Text with hexadecimal color #2c5062

This text has a font color of #2c5062.

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

#2c5062 background color

This paragraph has a background color of #2c5062.

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

#2c5062 border color

This element has a border color of #2c5062.

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

CSS codes

.text {color:#2c5062;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e191e
```
#0e191e rgb(14,25,30)
```
#14242c
```
#14242c rgb(20,36,44)
```
#1a2f39
```
#1a2f39 rgb(26,47,57)
```
#203a47
```
#203a47 rgb(32,58,71)
```
#264554
```
#264554 rgb(38,69,84)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#325b70
```
#325b70 rgb(50,91,112)
```
#38667d
```
#38667d rgb(56,102,125)
```
#3e718b
```
#3e718b rgb(62,113,139)
```
#447c98
```
#447c98 rgb(68,124,152)
```
#4a87a6
```
#4a87a6 rgb(74,135,166)
```

Shade Color Variation

#5292b1
```
#5292b1 rgb(82,146,177)
```
#609ab8
```
#609ab8 rgb(96,154,184)
```
#6da3be
```
#6da3be rgb(109,163,190)
```
#7babc4
```
#7babc4 rgb(123,171,196)
```
#88b4ca
```
#88b4ca rgb(136,180,202)
```
#96bdd0
```
#96bdd0 rgb(150,189,208)
```
#a3c5d6
```
#a3c5d6 rgb(163,197,214)
```
#b1cedc
```
#b1cedc rgb(177,206,220)
```
#bfd6e2
```
#bfd6e2 rgb(191,214,226)
```
#ccdfe8
```
#ccdfe8 rgb(204,223,232)
```
#dae7ee
```
#dae7ee rgb(218,231,238)
```
#e7f0f4
```
#e7f0f4 rgb(231,240,244)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42494c is the less saturated color, while #005f8e is the most saturated one.

#42494c
```
#42494c rgb(66,73,76)
```
#3c4b52
```
#3c4b52 rgb(60,75,82)
```
#374c57
```
#374c57 rgb(55,76,87)
```
#314e5d
```
#314e5d rgb(49,78,93)
```
#2c5062
```
#2c5062 rgb(44,80,98)
```
#275267
```
#275267 rgb(39,82,103)
```
#21546d
```
#21546d rgb(33,84,109)
```
#1c5572
```
#1c5572 rgb(28,85,114)
```
#165778
```
#165778 rgb(22,87,120)
```
#11597d
```
#11597d rgb(17,89,125)
```
#0b5b83
```
#0b5b83 rgb(11,91,131)
```
#065d88
```
#065d88 rgb(6,93,136)
```
#005f8e
```
#005f8e rgb(0,95,142)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#42494c Atypical Achromatopsia 0.001% of the population

Dichromacy

#505467 Protanopia 1% of men
#4f536c Deuteranopia 1% of men
#335a61 Tritanopia 0.001% of the population

Trichromacy

#435265 Protanomaly 1% of men, 0.01% of women
#425268 Deuteranomaly 6% of men, 0.4% of women
#305661 Tritanomaly 0.01% of the population

#2c5062 hex color

#2c5062 Color Information

#2c5062 Color Conversion

Color Schemes with #2c5062

Alternatives to #2c5062

#2c5062 Preview

Shades and Tints of #2c5062

Tones of #2c5062

Color Blindness Simulator