#2c5673 hex color

In a RGB color space, hex #2c5673 is composed of 17.3% red, 33.7% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 25.2% magenta, 0% yellow and 54.9% black. It has a hue angle of 204.5 degrees, a saturation of 44.7% and a lightness of 31.2%. #2c5673 color hex could be obtained by blending #58ace6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 34
- B 45
RGB color chart
- C 62
- M 25
- Y 0
- K 55
CMYK color chart

● #2c5673 color description : Dark moderate blue.

The hexadecimal color #2c5673 has RGB values of R:44, G:86, B:115 and CMYK values of C:0.62, M:0.25, Y:0, K:0.55. Its decimal value is 2905715.

Hex triplet	2c5673	`#2c5673`
RGB Decimal	44, 86, 115	`rgb(44,86,115)`
RGB Percent	17.3, 33.7, 45.1	`rgb(17.3%,33.7%,45.1%)`
CMYK	62, 25, 0, 55
HSL	204.5°, 44.7, 31.2	`hsl(204.5,44.7%,31.2%)`
HSV (or HSB)	204.5°, 61.7, 45.1
Web Safe	336666	`#336666`

CIE-LAB	34.86, -5.143, -20.952
XYZ	7.46, 8.428, 17.452
xyY	0.224, 0.253, 8.428
CIE-LCH	34.86, 21.574, 256.21
CIE-LUV	34.86, -17.045, -27.664
Hunter-Lab	29.032, -4.936, -15.32
Binary	00101100, 01010110, 01110011

#2c5673
```
#2c5673 rgb(44,86,115)
```
#73492c
```
#73492c rgb(115,73,44)
```

Complementary Color

#2c736d
```
#2c736d rgb(44,115,109)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#2c3373
```
#2c3373 rgb(44,51,115)
```

Analogous Color

#736d2c
```
#736d2c rgb(115,109,44)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#732c33
```
#732c33 rgb(115,44,51)
```

Split Complementary Color

#56732c
```
#56732c rgb(86,115,44)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#732c56
```
#732c56 rgb(115,44,86)
```

Triadic Color

#2c7349
```
#2c7349 rgb(44,115,73)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#732c56
```
#732c56 rgb(115,44,86)
```
#73492c
```
#73492c rgb(115,73,44)
```

Tetradic Color

#172d3c
```
#172d3c rgb(23,45,60)
```
#1e3a4e
```
#1e3a4e rgb(30,58,78)
```
#254861
```
#254861 rgb(37,72,97)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#336485
```
#336485 rgb(51,100,133)
```
#3a7298
```
#3a7298 rgb(58,114,152)
```
#417faa
```
#417faa rgb(65,127,170)
```

Monochromatic Color

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

#2c6873
```
#2c6873 rgb(44,104,115)
```
#2c6273
```
#2c6273 rgb(44,98,115)
```
#2c5c73
```
#2c5c73 rgb(44,92,115)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#2c5073
```
#2c5073 rgb(44,80,115)
```
#2c4a73
```
#2c4a73 rgb(44,74,115)
```
#2c4473
```
#2c4473 rgb(44,68,115)
```

Similar Colors

Text with hexadecimal color #2c5673

This text has a font color of #2c5673.

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

#2c5673 background color

This paragraph has a background color of #2c5673.

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

#2c5673 border color

This element has a border color of #2c5673.

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

CSS codes

.text {color:#2c5673;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b161e
```
#0b161e rgb(11,22,30)
```
#11212c
```
#11212c rgb(17,33,44)
```
#162c3a
```
#162c3a rgb(22,44,58)
```
#1c3648
```
#1c3648 rgb(28,54,72)
```
#214157
```
#214157 rgb(33,65,87)
```
#274b65
```
#274b65 rgb(39,75,101)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#316181
```
#316181 rgb(49,97,129)
```
#376b8f
```
#376b8f rgb(55,107,143)
```
#3c769e
```
#3c769e rgb(60,118,158)
```
#4280ac
```
#4280ac rgb(66,128,172)
```

Shade Color Variation

#488bb9
```
#488bb9 rgb(72,139,185)
```
#5694be
```
#5694be rgb(86,148,190)
```
#649dc4
```
#649dc4 rgb(100,157,196)
```
#73a6c9
```
#73a6c9 rgb(115,166,201)
```
#81afcf
```
#81afcf rgb(129,175,207)
```
#8fb8d4
```
#8fb8d4 rgb(143,184,212)
```
#9dc1da
```
#9dc1da rgb(157,193,218)
```
#abcadf
```
#abcadf rgb(171,202,223)
```
#bad3e4
```
#bad3e4 rgb(186,211,228)
```
#c8dcea
```
#c8dcea rgb(200,220,234)
```
#d6e5ef
```
#d6e5ef rgb(214,229,239)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5054 is the less saturated color, while #015e9e is the most saturated one.

#4b5054
```
#4b5054 rgb(75,80,84)
```
#44525b
```
#44525b rgb(68,82,91)
```
#3e5361
```
#3e5361 rgb(62,83,97)
```
#385467
```
#385467 rgb(56,84,103)
```
#32556d
```
#32556d rgb(50,85,109)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#265779
```
#265779 rgb(38,87,121)
```
#20587f
```
#20587f rgb(32,88,127)
```
#1a5985
```
#1a5985 rgb(26,89,133)
```
#145a8b
```
#145a8b rgb(20,90,139)
```
#0d5c92
```
#0d5c92 rgb(13,92,146)
```
#075d98
```
#075d98 rgb(7,93,152)
```
#015e9e
```
#015e9e rgb(1,94,158)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#464f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525976 Protanopia 1% of men
#4e5a7c Deuteranopia 1% of men
#2d6269 Tritanopia 0.001% of the population

Trichromacy

#445875 Protanomaly 1% of men, 0.01% of women
#415878 Deuteranomaly 6% of men, 0.4% of women
#2d5d6c Tritanomaly 0.01% of the population

#2c5673 hex color

#2c5673 Color Information

#2c5673 Color Conversion

Color Schemes with #2c5673

Alternatives to #2c5673

#2c5673 Preview

Shades and Tints of #2c5673

Tones of #2c5673

Color Blindness Simulator