colorhexa.com

#2c3b76 hex color

In a RGB color space, hex #2c3b76 is composed of 17.3% red, 23.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 50% magenta, 0% yellow and 53.7% black. It has a hue angle of 227.8 degrees, a saturation of 45.7% and a lightness of 31.8%. #2c3b76 color hex could be obtained by blending #5876ec with #000000. Closest websafe color is: #333366.

- R 17
- G 23
- B 46
RGB color chart
- C 63
- M 50
- Y 0
- K 54
CMYK color chart

● #2c3b76 color description : Dark moderate blue.

The hexadecimal color #2c3b76 has RGB values of R:44, G:59, B:118 and CMYK values of C:0.63, M:0.5, Y:0, K:0.54. Its decimal value is 2898806.

Hex triplet	2c3b76	`#2c3b76`
RGB Decimal	44, 59, 118	`rgb(44,59,118)`
RGB Percent	17.3, 23.1, 46.3	`rgb(17.3%,23.1%,46.3%)`
CMYK	63, 50, 0, 54
HSL	227.8°, 45.7, 31.8	`hsl(227.8,45.7%,31.8%)`
HSV (or HSB)	227.8°, 62.7, 46.3
Web Safe	333366	`#333366`

CIE-LAB	26.652, 13.814, -35.796
XYZ	5.872, 4.971, 17.789
xyY	0.205, 0.174, 4.971
CIE-LCH	26.652, 38.369, 291.102
CIE-LUV	26.652, -7.727, -46.417
Hunter-Lab	22.296, 7.993, -31.697
Binary	00101100, 00111011, 01110110

#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#76672c
```
#76672c rgb(118,103,44)
```

Complementary Color

#2c6076
```
#2c6076 rgb(44,96,118)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#422c76
```
#422c76 rgb(66,44,118)
```

Analogous Color

#60762c
```
#60762c rgb(96,118,44)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#76422c
```
#76422c rgb(118,66,44)
```

Split Complementary Color

#3b762c
```
#3b762c rgb(59,118,44)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#762c3b
```
#762c3b rgb(118,44,59)
```

Triadic Color

#2c7667
```
#2c7667 rgb(44,118,103)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#762c3b
```
#762c3b rgb(118,44,59)
```
#76672c
```
#76672c rgb(118,103,44)
```

Tetradic Color

#171f3e
```
#171f3e rgb(23,31,62)
```
#1e2851
```
#1e2851 rgb(30,40,81)
```
#253263
```
#253263 rgb(37,50,99)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#334489
```
#334489 rgb(51,68,137)
```
#3a4e9b
```
#3a4e9b rgb(58,78,155)
```
#4157ae
```
#4157ae rgb(65,87,174)
```

Monochromatic Color

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

#2c4e76
```
#2c4e76 rgb(44,78,118)
```
#2c4776
```
#2c4776 rgb(44,71,118)
```
#2c4176
```
#2c4176 rgb(44,65,118)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#2c3576
```
#2c3576 rgb(44,53,118)
```
#2c2f76
```
#2c2f76 rgb(44,47,118)
```
#302c76
```
#302c76 rgb(48,44,118)
```

Similar Colors

Text with hexadecimal color #2c3b76

This text has a font color of #2c3b76.

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

#2c3b76 background color

This paragraph has a background color of #2c3b76.

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

#2c3b76 border color

This element has a border color of #2c3b76.

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

CSS codes

.text {color:#2c3b76;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070912
```
#070912 rgb(7,9,18)
```
#0c1020
```
#0c1020 rgb(12,16,32)
```
#11172f
```
#11172f rgb(17,23,47)
```
#171e3d
```
#171e3d rgb(23,30,61)
```
#1c264b
```
#1c264b rgb(28,38,75)
```
#212d59
```
#212d59 rgb(33,45,89)
```
#273468
```
#273468 rgb(39,52,104)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#314284
```
#314284 rgb(49,66,132)
```
#374993
```
#374993 rgb(55,73,147)
```
#3c50a1
```
#3c50a1 rgb(60,80,161)
```
#4158af
```
#4158af rgb(65,88,175)
```

Shade Color Variation

#4960bb
```
#4960bb rgb(73,96,187)
```
#576dc0
```
#576dc0 rgb(87,109,192)
```
#6679c6
```
#6679c6 rgb(102,121,198)
```
#7486cb
```
#7486cb rgb(116,134,203)
```
#8292d0
```
#8292d0 rgb(130,146,208)
```
#909ed6
```
#909ed6 rgb(144,158,214)
```
#9fabdb
```
#9fabdb rgb(159,171,219)
```
#adb7e0
```
#adb7e0 rgb(173,183,224)
```
#bbc4e6
```
#bbc4e6 rgb(187,196,230)
```
#cad0eb
```
#cad0eb rgb(202,208,235)
```
#d8ddf0
```
#d8ddf0 rgb(216,221,240)
```
#e6e9f6
```
#e6e9f6 rgb(230,233,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4e57 is the less saturated color, while #0021a2 is the most saturated one.

#4b4e57
```
#4b4e57 rgb(75,78,87)
```
#454a5d
```
#454a5d rgb(69,74,93)
```
#3f4663
```
#3f4663 rgb(63,70,99)
```
#38426a
```
#38426a rgb(56,66,106)
```
#323f70
```
#323f70 rgb(50,63,112)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#26377c
```
#26377c rgb(38,55,124)
```
#203482
```
#203482 rgb(32,52,130)
```
#193089
```
#193089 rgb(25,48,137)
```
#132c8f
```
#132c8f rgb(19,44,143)
```
#0d2895
```
#0d2895 rgb(13,40,149)
```
#07259b
```
#07259b rgb(7,37,155)
```
#0021a2
```
#0021a2 rgb(0,33,162)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#29477e Protanopia 1% of men
#104a7b Deuteranopia 1% of men
#1e4f55 Tritanopia 0.001% of the population

Trichromacy

#2a427b Protanomaly 1% of men, 0.01% of women
#1a4479 Deuteranomaly 6% of men, 0.4% of women
#234761 Tritanomaly 0.01% of the population