#2c558e hex color

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

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

● #2c558e color description : Dark moderate blue.

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

Hex triplet	2c558e	`#2c558e`
RGB Decimal	44, 85, 142	`rgb(44,85,142)`
RGB Percent	17.3, 33.3, 55.7	`rgb(17.3%,33.3%,55.7%)`
CMYK	69, 40, 0, 44
HSL	214.9°, 52.7, 36.5	`hsl(214.9,52.7%,36.5%)`
HSV (or HSB)	214.9°, 69, 55.7
Web Safe	336699	`#336699`

CIE-LAB	35.955, 5.367, -35.825
XYZ	9.169, 8.985, 26.841
xyY	0.204, 0.2, 8.985
CIE-LCH	35.955, 36.225, 278.519
CIE-LUV	35.955, -16.104, -50.52
Hunter-Lab	29.975, 2.143, -32.109
Binary	00101100, 01010101, 10001110

#2c558e
```
#2c558e rgb(44,85,142)
```
#8e652c
```
#8e652c rgb(142,101,44)
```

Complementary Color

#2c868e
```
#2c868e rgb(44,134,142)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#342c8e
```
#342c8e rgb(52,44,142)
```

Analogous Color

#868e2c
```
#868e2c rgb(134,142,44)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#8e342c
```
#8e342c rgb(142,52,44)
```

Split Complementary Color

#558e2c
```
#558e2c rgb(85,142,44)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#8e2c55
```
#8e2c55 rgb(142,44,85)
```

Triadic Color

#2c8e65
```
#2c8e65 rgb(44,142,101)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#8e2c55
```
#8e2c55 rgb(142,44,85)
```
#8e652c
```
#8e652c rgb(142,101,44)
```

Tetradic Color

#1a3254
```
#1a3254 rgb(26,50,84)
```
#203e67
```
#203e67 rgb(32,62,103)
```
#26497b
```
#26497b rgb(38,73,123)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#3261a1
```
#3261a1 rgb(50,97,161)
```
#386cb5
```
#386cb5 rgb(56,108,181)
```
#4279c4
```
#4279c4 rgb(66,121,196)
```

Monochromatic Color

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

#2c6e8e
```
#2c6e8e rgb(44,110,142)
```
#2c658e
```
#2c658e rgb(44,101,142)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#2c4d8e
```
#2c4d8e rgb(44,77,142)
```
#2c458e
```
#2c458e rgb(44,69,142)
```
#2c3d8e
```
#2c3d8e rgb(44,61,142)
```

Similar Colors

Text with hexadecimal color #2c558e

This text has a font color of #2c558e.

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

#2c558e background color

This paragraph has a background color of #2c558e.

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

#2c558e border color

This element has a border color of #2c558e.

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

CSS codes

.text {color:#2c558e;}

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

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

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)
```
#101f34
```
#101f34 rgb(16,31,52)
```
#152843
```
#152843 rgb(21,40,67)
```
#193152
```
#193152 rgb(25,49,82)
```
#1e3a61
```
#1e3a61 rgb(30,58,97)
```
#234370
```
#234370 rgb(35,67,112)
```
#274c7f
```
#274c7f rgb(39,76,127)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#315e9d
```
#315e9d rgb(49,94,157)
```
#3567ac
```
#3567ac rgb(53,103,172)
```
#3a70bb
```
#3a70bb rgb(58,112,187)
```

Shade Color Variation

#447ac5
```
#447ac5 rgb(68,122,197)
```
#5384ca
```
#5384ca rgb(83,132,202)
```
#618fce
```
#618fce rgb(97,143,206)
```
#709ad3
```
#709ad3 rgb(112,154,211)
```
#7fa4d7
```
#7fa4d7 rgb(127,164,215)
```
#8eafdc
```
#8eafdc rgb(142,175,220)
```
#9dbae1
```
#9dbae1 rgb(157,186,225)
```
#acc4e5
```
#acc4e5 rgb(172,196,229)
```
#bbcfea
```
#bbcfea rgb(187,207,234)
```
#cadaef
```
#cadaef rgb(202,218,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 #014eb9 is the most saturated one.

#575c63
```
#575c63 rgb(87,92,99)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#495a71
```
#495a71 rgb(73,90,113)
```
#415979
```
#415979 rgb(65,89,121)
```
#3a5780
```
#3a5780 rgb(58,87,128)
```
#335687
```
#335687 rgb(51,86,135)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#255495
```
#255495 rgb(37,84,149)
```
#1e539c
```
#1e539c rgb(30,83,156)
```
#1751a3
```
#1751a3 rgb(23,81,163)
```
#0f50ab
```
#0f50ab rgb(15,80,171)
```
#084fb2
```
#084fb2 rgb(8,79,178)
```
#014eb9
```
#014eb9 rgb(1,78,185)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#48505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#455b92 Protanopia 1% of men
#355e93 Deuteranopia 1% of men
#0e666d Tritanopia 0.001% of the population

Trichromacy

#3c5990 Protanomaly 1% of men, 0.01% of women
#325a91 Deuteranomaly 6% of men, 0.4% of women
#186079 Tritanomaly 0.01% of the population

#2c558e hex color

#2c558e Color Information

#2c558e Color Conversion

Color Schemes with #2c558e

Alternatives to #2c558e

#2c558e Preview

Shades and Tints of #2c558e

Tones of #2c558e

Color Blindness Simulator