#2c538e hex color

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

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

● #2c538e color description : Dark moderate blue.

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

Hex triplet	2c538e	`#2c538e`
RGB Decimal	44, 83, 142	`rgb(44,83,142)`
RGB Percent	17.3, 32.5, 55.7	`rgb(17.3%,32.5%,55.7%)`
CMYK	69, 42, 0, 44
HSL	216.1°, 52.7, 36.5	`hsl(216.1,52.7%,36.5%)`
HSV (or HSB)	216.1°, 69, 55.7
Web Safe	336699	`#336699`

CIE-LAB	35.35, 6.675, -36.789
XYZ	9.013, 8.674, 26.789
xyY	0.203, 0.195, 8.674
CIE-LCH	35.35, 37.389, 280.284
CIE-LUV	35.35, -15.434, -51.773
Hunter-Lab	29.452, 3.085, -33.312
Binary	00101100, 01010011, 10001110

#2c538e
```
#2c538e rgb(44,83,142)
```
#8e672c
```
#8e672c rgb(142,103,44)
```

Complementary Color

#2c848e
```
#2c848e rgb(44,132,142)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#362c8e
```
#362c8e rgb(54,44,142)
```

Analogous Color

#848e2c
```
#848e2c rgb(132,142,44)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#8e362c
```
#8e362c rgb(142,54,44)
```

Split Complementary Color

#538e2c
```
#538e2c rgb(83,142,44)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#8e2c53
```
#8e2c53 rgb(142,44,83)
```

Triadic Color

#2c8e67
```
#2c8e67 rgb(44,142,103)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#8e2c53
```
#8e2c53 rgb(142,44,83)
```
#8e672c
```
#8e672c rgb(142,103,44)
```

Tetradic Color

#1a3154
```
#1a3154 rgb(26,49,84)
```
#203c67
```
#203c67 rgb(32,60,103)
```
#26487b
```
#26487b rgb(38,72,123)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#325ea1
```
#325ea1 rgb(50,94,161)
```
#386ab5
```
#386ab5 rgb(56,106,181)
```
#4276c4
```
#4276c4 rgb(66,118,196)
```

Monochromatic Color

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

#2c6c8e
```
#2c6c8e rgb(44,108,142)
```
#2c638e
```
#2c638e rgb(44,99,142)
```
#2c5b8e
```
#2c5b8e rgb(44,91,142)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#2c4b8e
```
#2c4b8e rgb(44,75,142)
```
#2c438e
```
#2c438e rgb(44,67,142)
```
#2c3b8e
```
#2c3b8e rgb(44,59,142)
```

Similar Colors

Text with hexadecimal color #2c538e

This text has a font color of #2c538e.

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

#2c538e background color

This paragraph has a background color of #2c538e.

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

#2c538e border color

This element has a border color of #2c538e.

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

CSS codes

.text {color:#2c538e;}

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

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

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)
```
#0c1625
```
#0c1625 rgb(12,22,37)
```
#101e34
```
#101e34 rgb(16,30,52)
```
#152743
```
#152743 rgb(21,39,67)
```
#193052
```
#193052 rgb(25,48,82)
```
#1e3961
```
#1e3961 rgb(30,57,97)
```
#234170
```
#234170 rgb(35,65,112)
```
#274a7f
```
#274a7f rgb(39,74,127)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#315c9d
```
#315c9d rgb(49,92,157)
```
#3565ac
```
#3565ac rgb(53,101,172)
```
#3a6dbb
```
#3a6dbb rgb(58,109,187)
```

Shade Color Variation

#4477c5
```
#4477c5 rgb(68,119,197)
```
#5382ca
```
#5382ca rgb(83,130,202)
```
#618dce
```
#618dce rgb(97,141,206)
```
#7098d3
```
#7098d3 rgb(112,152,211)
```
#7fa2d7
```
#7fa2d7 rgb(127,162,215)
```
#8eaddc
```
#8eaddc rgb(142,173,220)
```
#9db8e1
```
#9db8e1 rgb(157,184,225)
```
#acc3e5
```
#acc3e5 rgb(172,195,229)
```
#bbceea
```
#bbceea rgb(187,206,234)
```
#cad9ef
```
#cad9ef rgb(202,217,239)
```
#d9e4f3
```
#d9e4f3 rgb(217,228,243)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#575c63
```
#575c63 rgb(87,92,99)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#495971
```
#495971 rgb(73,89,113)
```
#415779
```
#415779 rgb(65,87,121)
```
#3a5680
```
#3a5680 rgb(58,86,128)
```
#335487
```
#335487 rgb(51,84,135)
```
#2c538e
```
#2c538e rgb(44,83,142)
```
#255295
```
#255295 rgb(37,82,149)
```
#1e509c
```
#1e509c rgb(30,80,156)
```
#174fa3
```
#174fa3 rgb(23,79,163)
```
#0f4dab
```
#0f4dab rgb(15,77,171)
```
#084cb2
```
#084cb2 rgb(8,76,178)
```
#014ab9
```
#014ab9 rgb(1,74,185)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#425a92 Protanopia 1% of men
#315c93 Deuteranopia 1% of men
#07646c Tritanopia 0.001% of the population

Trichromacy

#3a5790 Protanomaly 1% of men, 0.01% of women
#2f5991 Deuteranomaly 6% of men, 0.4% of women
#145e78 Tritanomaly 0.01% of the population

#2c538e hex color

#2c538e Color Information

#2c538e Color Conversion

Color Schemes with #2c538e

Alternatives to #2c538e

#2c538e Preview

Shades and Tints of #2c538e

Tones of #2c538e

Color Blindness Simulator