colorhexa.com

#2c3b71 hex color

In a RGB color space, hex #2c3b71 is composed of 17.3% red, 23.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 47.8% magenta, 0% yellow and 55.7% black. It has a hue angle of 227 degrees, a saturation of 43.9% and a lightness of 30.8%. #2c3b71 color hex could be obtained by blending #5876e2 with #000000. Closest websafe color is: #333366.

- R 17
- G 23
- B 44
RGB color chart
- C 61
- M 48
- Y 0
- K 56
CMYK color chart

● #2c3b71 color description : Very dark blue.

The hexadecimal color #2c3b71 has RGB values of R:44, G:59, B:113 and CMYK values of C:0.61, M:0.48, Y:0, K:0.56. Its decimal value is 2898801.

Hex triplet	2c3b71	`#2c3b71`
RGB Decimal	44, 59, 113	`rgb(44,59,113)`
RGB Percent	17.3, 23.1, 44.3	`rgb(17.3%,23.1%,44.3%)`
CMYK	61, 48, 0, 56
HSL	227°, 43.9, 30.8	`hsl(227,43.9%,30.8%)`
HSV (or HSB)	227°, 61.1, 44.3
Web Safe	333366	`#333366`

CIE-LAB	26.319, 11.951, -33.156
XYZ	5.583, 4.855, 16.265
xyY	0.209, 0.182, 4.855
CIE-LCH	26.319, 35.244, 289.822
CIE-LUV	26.319, -7.628, -42.705
Hunter-Lab	22.035, 6.663, -28.34
Binary	00101100, 00111011, 01110001

#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#71622c
```
#71622c rgb(113,98,44)
```

Complementary Color

#2c5e71
```
#2c5e71 rgb(44,94,113)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#3f2c71
```
#3f2c71 rgb(63,44,113)
```

Analogous Color

#5e712c
```
#5e712c rgb(94,113,44)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#713f2c
```
#713f2c rgb(113,63,44)
```

Split Complementary Color

#3b712c
```
#3b712c rgb(59,113,44)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#712c3b
```
#712c3b rgb(113,44,59)
```

Triadic Color

#171e3a
```
#171e3a rgb(23,30,58)
```
#1e284c
```
#1e284c rgb(30,40,76)
```
#25315f
```
#25315f rgb(37,49,95)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#334583
```
#334583 rgb(51,69,131)
```
#3a4e96
```
#3a4e96 rgb(58,78,150)
```
#4158a8
```
#4158a8 rgb(65,88,168)
```

Monochromatic Color

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

#2c4c71
```
#2c4c71 rgb(44,76,113)
```
#2c4771
```
#2c4771 rgb(44,71,113)
```
#2c4171
```
#2c4171 rgb(44,65,113)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#2c3571
```
#2c3571 rgb(44,53,113)
```
#2c3071
```
#2c3071 rgb(44,48,113)
```
#2e2c71
```
#2e2c71 rgb(46,44,113)
```

Similar Colors

Text with hexadecimal color #2c3b71

This text has a font color of #2c3b71.

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

#2c3b71 background color

This paragraph has a background color of #2c3b71.

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

#2c3b71 border color

This element has a border color of #2c3b71.

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

CSS codes

.text {color:#2c3b71;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06070e
```
#06070e rgb(6,7,14)
```
#0b0f1c
```
#0b0f1c rgb(11,15,28)
```
#11162a
```
#11162a rgb(17,22,42)
```
#161e39
```
#161e39 rgb(22,30,57)
```
#1c2547
```
#1c2547 rgb(28,37,71)
```
#212c55
```
#212c55 rgb(33,44,85)
```
#273463
```
#273463 rgb(39,52,99)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#31427f
```
#31427f rgb(49,66,127)
```
#374a8d
```
#374a8d rgb(55,74,141)
```
#3c519b
```
#3c519b rgb(60,81,155)
```
#4258a9
```
#4258a9 rgb(66,88,169)
```

Shade Color Variation

#4860b8
```
#4860b8 rgb(72,96,184)
```
#566cbd
```
#566cbd rgb(86,108,189)
```
#6478c3
```
#6478c3 rgb(100,120,195)
```
#7285c8
```
#7285c8 rgb(114,133,200)
```
#8091ce
```
#8091ce rgb(128,145,206)
```
#8e9dd3
```
#8e9dd3 rgb(142,157,211)
```
#9ca9d9
```
#9ca9d9 rgb(156,169,217)
```
#aab6de
```
#aab6de rgb(170,182,222)
```
#b8c2e4
```
#b8c2e4 rgb(184,194,228)
```
#c7cee9
```
#c7cee9 rgb(199,206,233)
```
#d5daef
```
#d5daef rgb(213,218,239)
```
#e3e7f4
```
#e3e7f4 rgb(227,231,244)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

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

#4a4c53
```
#4a4c53 rgb(74,76,83)
```
#444959
```
#444959 rgb(68,73,89)
```
#3e455f
```
#3e455f rgb(62,69,95)
```
#384265
```
#384265 rgb(56,66,101)
```
#323e6b
```
#323e6b rgb(50,62,107)
```
#2c3b71
```
#2c3b71 rgb(44,59,113)
```
#263877
```
#263877 rgb(38,56,119)
```
#20347d
```
#20347d rgb(32,52,125)
```
#1a3183
```
#1a3183 rgb(26,49,131)
```
#142d89
```
#142d89 rgb(20,45,137)
```
#0e2a8f
```
#0e2a8f rgb(14,42,143)
```
#082795
```
#082795 rgb(8,39,149)
```
#02239b
```
#02239b rgb(2,35,155)
```

Tone Color Variation

Below, you can see how #2c3b71 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
#3a3d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e4679 Protanopia 1% of men
#1e4976 Deuteranopia 1% of men
#224e53 Tritanopia 0.001% of the population

Trichromacy

#2d4276 Protanomaly 1% of men, 0.01% of women
#234374 Deuteranomaly 6% of men, 0.4% of women
#26475e Tritanomaly 0.01% of the population