#2c508e hex color

In a RGB color space, hex #2c508e is composed of 17.3% red, 31.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 43.7% magenta, 0% yellow and 44.3% black. It has a hue angle of 218 degrees, a saturation of 52.7% and a lightness of 36.5%. #2c508e color hex could be obtained by blending #58a0ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 31
- B 56
RGB color chart
- C 69
- M 44
- Y 0
- K 44
CMYK color chart

● #2c508e color description : Dark moderate blue.

The hexadecimal color #2c508e has RGB values of R:44, G:80, B:142 and CMYK values of C:0.69, M:0.44, Y:0, K:0.44. Its decimal value is 2904206.

Hex triplet	2c508e	`#2c508e`
RGB Decimal	44, 80, 142	`rgb(44,80,142)`
RGB Percent	17.3, 31.4, 55.7	`rgb(17.3%,31.4%,55.7%)`
CMYK	69, 44, 0, 44
HSL	218°, 52.7, 36.5	`hsl(218,52.7%,36.5%)`
HSV (or HSB)	218°, 69, 55.7
Web Safe	336699	`#336699`

CIE-LAB	34.448, 8.653, -38.227
XYZ	8.789, 8.225, 26.714
xyY	0.201, 0.188, 8.225
CIE-LCH	34.448, 39.194, 282.755
CIE-LUV	34.448, -14.445, -53.587
Hunter-Lab	28.68, 4.511, -35.151
Binary	00101100, 01010000, 10001110

#2c508e
```
#2c508e rgb(44,80,142)
```
#8e6a2c
```
#8e6a2c rgb(142,106,44)
```

Complementary Color

#2c818e
```
#2c818e rgb(44,129,142)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#392c8e
```
#392c8e rgb(57,44,142)
```

Analogous Color

#818e2c
```
#818e2c rgb(129,142,44)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#8e392c
```
#8e392c rgb(142,57,44)
```

Split Complementary Color

#508e2c
```
#508e2c rgb(80,142,44)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#8e2c50
```
#8e2c50 rgb(142,44,80)
```

Triadic Color

#2c8e6a
```
#2c8e6a rgb(44,142,106)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#8e2c50
```
#8e2c50 rgb(142,44,80)
```
#8e6a2c
```
#8e6a2c rgb(142,106,44)
```

Tetradic Color

#1a2f54
```
#1a2f54 rgb(26,47,84)
```
#203a67
```
#203a67 rgb(32,58,103)
```
#26457b
```
#26457b rgb(38,69,123)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#325ba1
```
#325ba1 rgb(50,91,161)
```
#3866b5
```
#3866b5 rgb(56,102,181)
```
#4272c4
```
#4272c4 rgb(66,114,196)
```

Monochromatic Color

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

#2c698e
```
#2c698e rgb(44,105,142)
```
#2c608e
```
#2c608e rgb(44,96,142)
```
#2c588e
```
#2c588e rgb(44,88,142)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#2c488e
```
#2c488e rgb(44,72,142)
```
#2c408e
```
#2c408e rgb(44,64,142)
```
#2c388e
```
#2c388e rgb(44,56,142)
```

Similar Colors

Text with hexadecimal color #2c508e

This text has a font color of #2c508e.

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

#2c508e background color

This paragraph has a background color of #2c508e.

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

#2c508e border color

This element has a border color of #2c508e.

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

CSS codes

.text {color:#2c508e;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070d16
```
#070d16 rgb(7,13,22)
```
#0c1525
```
#0c1525 rgb(12,21,37)
```
#101d34
```
#101d34 rgb(16,29,52)
```
#152643
```
#152643 rgb(21,38,67)
```
#192e52
```
#192e52 rgb(25,46,82)
```
#1e3761
```
#1e3761 rgb(30,55,97)
```
#233f70
```
#233f70 rgb(35,63,112)
```
#27487f
```
#27487f rgb(39,72,127)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#31589d
```
#31589d rgb(49,88,157)
```
#3561ac
```
#3561ac rgb(53,97,172)
```
#3a69bb
```
#3a69bb rgb(58,105,187)
```

Shade Color Variation

#4473c5
```
#4473c5 rgb(68,115,197)
```
#537eca
```
#537eca rgb(83,126,202)
```
#6189ce
```
#6189ce rgb(97,137,206)
```
#7095d3
```
#7095d3 rgb(112,149,211)
```
#7fa0d7
```
#7fa0d7 rgb(127,160,215)
```
#8eabdc
```
#8eabdc rgb(142,171,220)
```
#9db6e1
```
#9db6e1 rgb(157,182,225)
```
#acc1e5
```
#acc1e5 rgb(172,193,229)
```
#bbccea
```
#bbccea rgb(187,204,234)
```
#cad8ef
```
#cad8ef rgb(202,216,239)
```
#d9e3f3
```
#d9e3f3 rgb(217,227,243)
```
#e8eef8
```
#e8eef8 rgb(232,238,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575b63 is the less saturated color, while #0145b9 is the most saturated one.

#575b63
```
#575b63 rgb(87,91,99)
```
#50596a
```
#50596a rgb(80,89,106)
```
#495871
```
#495871 rgb(73,88,113)
```
#415679
```
#415679 rgb(65,86,121)
```
#3a5480
```
#3a5480 rgb(58,84,128)
```
#335287
```
#335287 rgb(51,82,135)
```
#2c508e
```
#2c508e rgb(44,80,142)
```
#254e95
```
#254e95 rgb(37,78,149)
```
#1e4c9c
```
#1e4c9c rgb(30,76,156)
```
#174aa3
```
#174aa3 rgb(23,74,163)
```
#0f48ab
```
#0f48ab rgb(15,72,171)
```
#0847b2
```
#0847b2 rgb(8,71,178)
```
#0145b9
```
#0145b9 rgb(1,69,185)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5893 Protanopia 1% of men
#285b93 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#375591 Protanomaly 1% of men, 0.01% of women
#2a5791 Deuteranomaly 6% of men, 0.4% of women
#105b77 Tritanomaly 0.01% of the population

#2c508e hex color

#2c508e Color Information

#2c508e Color Conversion

Color Schemes with #2c508e

Alternatives to #2c508e

#2c508e Preview

Shades and Tints of #2c508e

Tones of #2c508e

Color Blindness Simulator