#2c507f hex color

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

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

● #2c507f color description : Dark moderate blue.

The hexadecimal color #2c507f has RGB values of R:44, G:80, B:127 and CMYK values of C:0.65, M:0.37, Y:0, K:0.5. Its decimal value is 2904191.

Hex triplet	2c507f	`#2c507f`
RGB Decimal	44, 80, 127	`rgb(44,80,127)`
RGB Percent	17.3, 31.4, 49.8	`rgb(17.3%,31.4%,49.8%)`
CMYK	65, 37, 0, 50
HSL	214°, 48.5, 33.5	`hsl(214,48.5%,33.5%)`
HSV (or HSB)	214°, 65.4, 49.8
Web Safe	336666	`#336666`

CIE-LAB	33.573, 3.022, -30.406
XYZ	7.737, 7.805, 21.176
xyY	0.211, 0.213, 7.805
CIE-LCH	33.573, 30.556, 275.676
CIE-LUV	33.573, -14.625, -41.626
Hunter-Lab	27.937, 0.548, -25.386
Binary	00101100, 01010000, 01111111

#2c507f
```
#2c507f rgb(44,80,127)
```
#7f5b2c
```
#7f5b2c rgb(127,91,44)
```

Complementary Color

#2c7a7f
```
#2c7a7f rgb(44,122,127)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#322c7f
```
#322c7f rgb(50,44,127)
```

Analogous Color

#7a7f2c
```
#7a7f2c rgb(122,127,44)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#7f322c
```
#7f322c rgb(127,50,44)
```

Split Complementary Color

#507f2c
```
#507f2c rgb(80,127,44)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#7f2c50
```
#7f2c50 rgb(127,44,80)
```

Triadic Color

#2c7f5b
```
#2c7f5b rgb(44,127,91)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#7f2c50
```
#7f2c50 rgb(127,44,80)
```
#7f5b2c
```
#7f5b2c rgb(127,91,44)
```

Tetradic Color

#182c46
```
#182c46 rgb(24,44,70)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#25446c
```
#25446c rgb(37,68,108)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#335c92
```
#335c92 rgb(51,92,146)
```
#3968a5
```
#3968a5 rgb(57,104,165)
```
#4074b8
```
#4074b8 rgb(64,116,184)
```

Monochromatic Color

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

#2c657f
```
#2c657f rgb(44,101,127)
```
#2c5e7f
```
#2c5e7f rgb(44,94,127)
```
#2c577f
```
#2c577f rgb(44,87,127)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#2c497f
```
#2c497f rgb(44,73,127)
```
#2c427f
```
#2c427f rgb(44,66,127)
```
#2c3b7f
```
#2c3b7f rgb(44,59,127)
```

Similar Colors

Text with hexadecimal color #2c507f

This text has a font color of #2c507f.

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

#2c507f background color

This paragraph has a background color of #2c507f.

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

#2c507f border color

This element has a border color of #2c507f.

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

CSS codes

.text {color:#2c507f;}

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

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

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)
```
#132236
```
#132236 rgb(19,34,54)
```
#182b45
```
#182b45 rgb(24,43,69)
```
#1d3453
```
#1d3453 rgb(29,52,83)
```
#223e62
```
#223e62 rgb(34,62,98)
```
#274770
```
#274770 rgb(39,71,112)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#31598e
```
#31598e rgb(49,89,142)
```
#36629c
```
#36629c rgb(54,98,156)
```
#3b6cab
```
#3b6cab rgb(59,108,171)
```
#4075b9
```
#4075b9 rgb(64,117,185)
```

Shade Color Variation

#4c7fc1
```
#4c7fc1 rgb(76,127,193)
```
#5b89c6
```
#5b89c6 rgb(91,137,198)
```
#6994cb
```
#6994cb rgb(105,148,203)
```
#789ed0
```
#789ed0 rgb(120,158,208)
```
#86a9d5
```
#86a9d5 rgb(134,169,213)
```
#95b3da
```
#95b3da rgb(149,179,218)
```
#a3bddf
```
#a3bddf rgb(163,189,223)
```
#b2c8e4
```
#b2c8e4 rgb(178,200,228)
```
#c1d2e9
```
#c1d2e9 rgb(193,210,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 #054ba6 is the most saturated one.

#535558
```
#535558 rgb(83,85,88)
```
#4d545e
```
#4d545e rgb(77,84,94)
```
#465365
```
#465365 rgb(70,83,101)
```
#40536b
```
#40536b rgb(64,83,107)
```
#395272
```
#395272 rgb(57,82,114)
```
#335178
```
#335178 rgb(51,81,120)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#254f86
```
#254f86 rgb(37,79,134)
```
#1f4e8c
```
#1f4e8c rgb(31,78,140)
```
#184d93
```
#184d93 rgb(24,77,147)
```
#124d99
```
#124d99 rgb(18,77,153)
```
#0b4ca0
```
#0b4ca0 rgb(11,76,160)
```
#054ba6
```
#054ba6 rgb(5,75,166)
```

Tone Color Variation

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

#465683 Protanopia 1% of men
#3b5886 Deuteranopia 1% of men
#215f66 Tritanopia 0.001% of the population

Trichromacy

#3c5482 Protanomaly 1% of men, 0.01% of women
#365583 Deuteranomaly 6% of men, 0.4% of women
#255a6f Tritanomaly 0.01% of the population

#2c507f hex color

#2c507f Color Information

#2c507f Color Conversion

Color Schemes with #2c507f

Alternatives to #2c507f

#2c507f Preview

Shades and Tints of #2c507f

Tones of #2c507f

Color Blindness Simulator