#2c517f hex color

In a RGB color space, hex #2c517f is composed of 17.3% red, 31.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 36.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 213.3 degrees, a saturation of 48.5% and a lightness of 33.5%. #2c517f color hex could be obtained by blending #58a2fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 32
- B 50
RGB color chart
- C 65
- M 36
- Y 0
- K 50
CMYK color chart

● #2c517f color description : Dark moderate blue.

The hexadecimal color #2c517f has RGB values of R:44, G:81, B:127 and CMYK values of C:0.65, M:0.36, Y:0, K:0.5. Its decimal value is 2904447.

Hex triplet	2c517f	`#2c517f`
RGB Decimal	44, 81, 127	`rgb(44,81,127)`
RGB Percent	17.3, 31.8, 49.8	`rgb(17.3%,31.8%,49.8%)`
CMYK	65, 36, 0, 50
HSL	213.3°, 48.5, 33.5	`hsl(213.3,48.5%,33.5%)`
HSV (or HSB)	213.3°, 65.4, 49.8
Web Safe	336666	`#336666`

CIE-LAB	33.883, 2.371, -29.915
XYZ	7.811, 7.952, 21.201
xyY	0.211, 0.215, 7.952
CIE-LCH	33.883, 30.009, 274.531
CIE-LUV	33.883, -14.975, -40.978
Hunter-Lab	28.2, 0.094, -24.835
Binary	00101100, 01010001, 01111111

#2c517f
```
#2c517f rgb(44,81,127)
```
#7f5a2c
```
#7f5a2c rgb(127,90,44)
```

Complementary Color

#2c7b7f
```
#2c7b7f rgb(44,123,127)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#312c7f
```
#312c7f rgb(49,44,127)
```

Analogous Color

#7b7f2c
```
#7b7f2c rgb(123,127,44)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#7f312c
```
#7f312c rgb(127,49,44)
```

Split Complementary Color

#517f2c
```
#517f2c rgb(81,127,44)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#7f2c51
```
#7f2c51 rgb(127,44,81)
```

Triadic Color

#2c7f5a
```
#2c7f5a rgb(44,127,90)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#7f2c51
```
#7f2c51 rgb(127,44,81)
```
#7f5a2c
```
#7f5a2c rgb(127,90,44)
```

Tetradic Color

#182d46
```
#182d46 rgb(24,45,70)
```
#1f3959
```
#1f3959 rgb(31,57,89)
```
#25456c
```
#25456c rgb(37,69,108)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#335d92
```
#335d92 rgb(51,93,146)
```
#3969a5
```
#3969a5 rgb(57,105,165)
```
#4075b8
```
#4075b8 rgb(64,117,184)
```

Monochromatic Color

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

#2c667f
```
#2c667f rgb(44,102,127)
```
#2c5f7f
```
#2c5f7f rgb(44,95,127)
```
#2c587f
```
#2c587f rgb(44,88,127)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#2c4a7f
```
#2c4a7f rgb(44,74,127)
```
#2c437f
```
#2c437f rgb(44,67,127)
```
#2c3c7f
```
#2c3c7f rgb(44,60,127)
```

Similar Colors

Text with hexadecimal color #2c517f

This text has a font color of #2c517f.

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

#2c517f background color

This paragraph has a background color of #2c517f.

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

#2c517f border color

This element has a border color of #2c517f.

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

CSS codes

.text {color:#2c517f;}

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

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

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, #04070a is the darkest color, while #fbfcfe is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#091019
```
#091019 rgb(9,16,25)
```
#0e1928
```
#0e1928 rgb(14,25,40)
```
#132336
```
#132336 rgb(19,35,54)
```
#182c45
```
#182c45 rgb(24,44,69)
```
#1d3553
```
#1d3553 rgb(29,53,83)
```
#223e62
```
#223e62 rgb(34,62,98)
```
#274870
```
#274870 rgb(39,72,112)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#36649c
```
#36649c rgb(54,100,156)
```
#3b6dab
```
#3b6dab rgb(59,109,171)
```
#4076b9
```
#4076b9 rgb(64,118,185)
```

Shade Color Variation

#4c80c1
```
#4c80c1 rgb(76,128,193)
```
#5b8bc6
```
#5b8bc6 rgb(91,139,198)
```
#6995cb
```
#6995cb rgb(105,149,203)
```
#789fd0
```
#789fd0 rgb(120,159,208)
```
#86a9d5
```
#86a9d5 rgb(134,169,213)
```
#95b4da
```
#95b4da rgb(149,180,218)
```
#a3bedf
```
#a3bedf rgb(163,190,223)
```
#b2c8e4
```
#b2c8e4 rgb(178,200,228)
```
#c1d3e9
```
#c1d3e9 rgb(193,211,233)
```
#cfddee
```
#cfddee rgb(207,221,238)
```
#dee7f3
```
#dee7f3 rgb(222,231,243)
```
#ecf2f9
```
#ecf2f9 rgb(236,242,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#535558
```
#535558 rgb(83,85,88)
```
#4d555e
```
#4d555e rgb(77,85,94)
```
#465465
```
#465465 rgb(70,84,101)
```
#40536b
```
#40536b rgb(64,83,107)
```
#395272
```
#395272 rgb(57,82,114)
```
#335278
```
#335278 rgb(51,82,120)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#255086
```
#255086 rgb(37,80,134)
```
#1f508c
```
#1f508c rgb(31,80,140)
```
#184f93
```
#184f93 rgb(24,79,147)
```
#124e99
```
#124e99 rgb(18,78,153)
```
#0b4da0
```
#0b4da0 rgb(11,77,160)
```
#054da6
```
#054da6 rgb(5,77,166)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475783 Protanopia 1% of men
#3d5886 Deuteranopia 1% of men
#226067 Tritanopia 0.001% of the population

Trichromacy

#3d5581 Protanomaly 1% of men, 0.01% of women
#375683 Deuteranomaly 6% of men, 0.4% of women
#255a70 Tritanomaly 0.01% of the population

#2c517f hex color

#2c517f Color Information

#2c517f Color Conversion

Color Schemes with #2c517f

Alternatives to #2c517f

#2c517f Preview

Shades and Tints of #2c517f

Tones of #2c517f

Color Blindness Simulator