#2c376c hex color

In a RGB color space, hex #2c376c is composed of 17.3% red, 21.6% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 49.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 229.7 degrees, a saturation of 42.1% and a lightness of 29.8%. #2c376c color hex could be obtained by blending #586ed8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 22
- B 42
RGB color chart
- C 59
- M 49
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #2c376c has RGB values of R:44, G:55, B:108 and CMYK values of C:0.59, M:0.49, Y:0, K:0.58. Its decimal value is 2897772.

Hex triplet	2c376c	`#2c376c`
RGB Decimal	44, 55, 108	`rgb(44,55,108)`
RGB Percent	17.3, 21.6, 42.4	`rgb(17.3%,21.6%,42.4%)`
CMYK	59, 49, 0, 58
HSL	229.7°, 42.1, 29.8	`hsl(229.7,42.1%,29.8%)`
HSV (or HSB)	229.7°, 59.3, 42.4
Web Safe	333366	`#333366`

CIE-LAB	24.797, 12.874, -32.392
XYZ	5.111, 4.35, 14.757
xyY	0.211, 0.18, 4.35
CIE-LCH	24.797, 34.857, 291.675
CIE-LUV	24.797, -6.286, -40.875
Hunter-Lab	20.857, 7.241, -27.348
Binary	00101100, 00110111, 01101100

#2c376c
```
#2c376c rgb(44,55,108)
```
#6c612c
```
#6c612c rgb(108,97,44)
```

Complementary Color

#2c576c
```
#2c576c rgb(44,87,108)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#412c6c
```
#412c6c rgb(65,44,108)
```

Analogous Color

#576c2c
```
#576c2c rgb(87,108,44)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#6c412c
```
#6c412c rgb(108,65,44)
```

Split Complementary Color

#376c2c
```
#376c2c rgb(55,108,44)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#6c2c37
```
#6c2c37 rgb(108,44,55)
```

Triadic Color

#2c6c61
```
#2c6c61 rgb(44,108,97)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#6c2c37
```
#6c2c37 rgb(108,44,55)
```
#6c612c
```
#6c612c rgb(108,97,44)
```

Tetradic Color

#161b36
```
#161b36 rgb(22,27,54)
```
#1d2548
```
#1d2548 rgb(29,37,72)
```
#252e5a
```
#252e5a rgb(37,46,90)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#33407e
```
#33407e rgb(51,64,126)
```
#3b4990
```
#3b4990 rgb(59,73,144)
```
#4253a2
```
#4253a2 rgb(66,83,162)
```

Monochromatic Color

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

#2c476c
```
#2c476c rgb(44,71,108)
```
#2c426c
```
#2c426c rgb(44,66,108)
```
#2c3c6c
```
#2c3c6c rgb(44,60,108)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#2c326c
```
#2c326c rgb(44,50,108)
```
#2c2c6c
```
#2c2c6c rgb(44,44,108)
```
#312c6c
```
#312c6c rgb(49,44,108)
```

Similar Colors

Text with hexadecimal color #2c376c

This text has a font color of #2c376c.

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

#2c376c background color

This paragraph has a background color of #2c376c.

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

#2c376c border color

This element has a border color of #2c376c.

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

CSS codes

.text {color:#2c376c;}

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

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

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, #04050a is the darkest color, while #fcfcfe is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0c18
```
#0a0c18 rgb(10,12,24)
```
#101426
```
#101426 rgb(16,20,38)
```
#151b34
```
#151b34 rgb(21,27,52)
```
#1b2242
```
#1b2242 rgb(27,34,66)
```
#212950
```
#212950 rgb(33,41,80)
```
#26305e
```
#26305e rgb(38,48,94)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#323e7a
```
#323e7a rgb(50,62,122)
```
#374588
```
#374588 rgb(55,69,136)
```
#3d4c96
```
#3d4c96 rgb(61,76,150)
```
#4353a4
```
#4353a4 rgb(67,83,164)
```
#485ab2
```
#485ab2 rgb(72,90,178)
```

Shade Color Variation

#5466b9
```
#5466b9 rgb(84,102,185)
```
#6272bf
```
#6272bf rgb(98,114,191)
```
#707fc5
```
#707fc5 rgb(112,127,197)
```
#7e8bca
```
#7e8bca rgb(126,139,202)
```
#8c98d0
```
#8c98d0 rgb(140,152,208)
```
#9aa4d6
```
#9aa4d6 rgb(154,164,214)
```
#a8b1dc
```
#a8b1dc rgb(168,177,220)
```
#b6bde1
```
#b6bde1 rgb(182,189,225)
```
#c4cae7
```
#c4cae7 rgb(196,202,231)
```
#d2d6ed
```
#d2d6ed rgb(210,214,237)
```
#e0e3f2
```
#e0e3f2 rgb(224,227,242)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494a4f is the less saturated color, while #031c95 is the most saturated one.

#494a4f
```
#494a4f rgb(73,74,79)
```
#434655
```
#434655 rgb(67,70,85)
```
#3e435a
```
#3e435a rgb(62,67,90)
```
#383f60
```
#383f60 rgb(56,63,96)
```
#323b66
```
#323b66 rgb(50,59,102)
```
#2c376c
```
#2c376c rgb(44,55,108)
```
#263372
```
#263372 rgb(38,51,114)
```
#202f78
```
#202f78 rgb(32,47,120)
```
#1a2b7e
```
#1a2b7e rgb(26,43,126)
```
#152883
```
#152883 rgb(21,40,131)
```
#0f2489
```
#0f2489 rgb(15,36,137)
```
#09208f
```
#09208f rgb(9,32,143)
```
#031c95
```
#031c95 rgb(3,28,149)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373944 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a4375 Protanopia 1% of men
#1c4571 Deuteranopia 1% of men
#244a4f Tritanopia 0.001% of the population

Trichromacy

#2b3e71 Protanomaly 1% of men, 0.01% of women
#21406f Deuteranomaly 6% of men, 0.4% of women
#274359 Tritanomaly 0.01% of the population

#2c376c hex color

#2c376c Color Information

#2c376c Color Conversion

Color Schemes with #2c376c

Alternatives to #2c376c

#2c376c Preview

Shades and Tints of #2c376c

Tones of #2c376c

Color Blindness Simulator