#2c354c hex color

In a RGB color space, hex #2c354c is composed of 17.3% red, 20.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 30.3% magenta, 0% yellow and 70.2% black. It has a hue angle of 223.1 degrees, a saturation of 26.7% and a lightness of 23.5%. #2c354c color hex could be obtained by blending #586a98 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 21
- B 30
RGB color chart
- C 42
- M 30
- Y 0
- K 70
CMYK color chart

● #2c354c color description : Very dark desaturated blue.

The hexadecimal color #2c354c has RGB values of R:44, G:53, B:76 and CMYK values of C:0.42, M:0.3, Y:0, K:0.7. Its decimal value is 2897228.

Hex triplet	2c354c	`#2c354c`
RGB Decimal	44, 53, 76	`rgb(44,53,76)`
RGB Percent	17.3, 20.8, 29.8	`rgb(17.3%,20.8%,29.8%)`
CMYK	42, 30, 0, 70
HSL	223.1°, 26.7, 23.5	`hsl(223.1,26.7%,23.5%)`
HSV (or HSB)	223.1°, 42.1, 29.8
Web Safe	333333	`#333333`

CIE-LAB	22.314, 3.017, -15.346
XYZ	3.616, 3.603, 7.342
xyY	0.248, 0.247, 3.603
CIE-LCH	22.314, 15.639, 281.122
CIE-LUV	22.314, -4.74, -17.81
Hunter-Lab	18.983, 0.784, -9.644
Binary	00101100, 00110101, 01001100

#2c354c
```
#2c354c rgb(44,53,76)
```
#4c432c
```
#4c432c rgb(76,67,44)
```

Complementary Color

#2c454c
```
#2c454c rgb(44,69,76)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#332c4c
```
#332c4c rgb(51,44,76)
```

Analogous Color

#454c2c
```
#454c2c rgb(69,76,44)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#4c332c
```
#4c332c rgb(76,51,44)
```

Split Complementary Color

#354c2c
```
#354c2c rgb(53,76,44)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#4c2c35
```
#4c2c35 rgb(76,44,53)
```

Triadic Color

#2c4c43
```
#2c4c43 rgb(44,76,67)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#4c2c35
```
#4c2c35 rgb(76,44,53)
```
#4c432c
```
#4c432c rgb(76,67,44)
```

Tetradic Color

#10131c
```
#10131c rgb(16,19,28)
```
#191e2c
```
#191e2c rgb(25,30,44)
```
#232a3c
```
#232a3c rgb(35,42,60)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#35405c
```
#35405c rgb(53,64,92)
```
#3f4c6c
```
#3f4c6c rgb(63,76,108)
```
#48577c
```
#48577c rgb(72,87,124)
```

Monochromatic Color

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

#2c3d4c
```
#2c3d4c rgb(44,61,76)
```
#2c3a4c
```
#2c3a4c rgb(44,58,76)
```
#2c384c
```
#2c384c rgb(44,56,76)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#2c324c
```
#2c324c rgb(44,50,76)
```
#2c304c
```
#2c304c rgb(44,48,76)
```
#2c2d4c
```
#2c2d4c rgb(44,45,76)
```

Similar Colors

Text with hexadecimal color #2c354c

This text has a font color of #2c354c.

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

#2c354c background color

This paragraph has a background color of #2c354c.

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

#2c354c border color

This element has a border color of #2c354c.

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

CSS codes

.text {color:#2c354c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#0f121a
```
#0f121a rgb(15,18,26)
```
#161b27
```
#161b27 rgb(22,27,39)
```
#1e2433
```
#1e2433 rgb(30,36,51)
```
#252c40
```
#252c40 rgb(37,44,64)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#333e58
```
#333e58 rgb(51,62,88)
```
#3a4665
```
#3a4665 rgb(58,70,101)
```
#424f71
```
#424f71 rgb(66,79,113)
```
#49587e
```
#49587e rgb(73,88,126)
```
#50608a
```
#50608a rgb(80,96,138)
```
#576997
```
#576997 rgb(87,105,151)
```

Shade Color Variation

#5f72a2
```
#5f72a2 rgb(95,114,162)
```
#6b7daa
```
#6b7daa rgb(107,125,170)
```
#7888b1
```
#7888b1 rgb(120,136,177)
```
#8493b8
```
#8493b8 rgb(132,147,184)
```
#919ebf
```
#919ebf rgb(145,158,191)
```
#9da9c6
```
#9da9c6 rgb(157,169,198)
```
#aab4ce
```
#aab4ce rgb(170,180,206)
```
#b6bfd5
```
#b6bfd5 rgb(182,191,213)
```
#c2cadc
```
#c2cadc rgb(194,202,220)
```
#cfd4e3
```
#cfd4e3 rgb(207,212,227)
```
#dbdfea
```
#dbdfea rgb(219,223,234)
```
#e8eaf1
```
#e8eaf1 rgb(232,234,241)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#3a3b3e
```
#3a3b3e rgb(58,59,62)
```
#353943
```
#353943 rgb(53,57,67)
```
#313747
```
#313747 rgb(49,55,71)
```
#2c354c
```
#2c354c rgb(44,53,76)
```
#273351
```
#273351 rgb(39,51,81)
```
#233155
```
#233155 rgb(35,49,85)
```
#1e2f5a
```
#1e2f5a rgb(30,47,90)
```
#1a2d5e
```
#1a2d5e rgb(26,45,94)
```
#152b63
```
#152b63 rgb(21,43,99)
```
#102968
```
#102968 rgb(16,41,104)
```
#0c276c
```
#0c276c rgb(12,39,108)
```
#072571
```
#072571 rgb(7,37,113)
```
#022376
```
#022376 rgb(2,35,118)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#33353a Atypical Achromatopsia 0.001% of the population

Dichromacy

#383f55 Protanopia 1% of men
#383f55 Deuteranopia 1% of men
#324247 Tritanopia 0.001% of the population

Trichromacy

#343b51 Protanomaly 1% of men, 0.01% of women
#333b52 Deuteranomaly 6% of men, 0.4% of women
#303d48 Tritanomaly 0.01% of the population

#2c354c hex color

#2c354c Color Information

#2c354c Color Conversion

Color Schemes with #2c354c

Alternatives to #2c354c

#2c354c Preview

Shades and Tints of #2c354c

Tones of #2c354c

Color Blindness Simulator