colorhexa.com

#2c3b70 hex color

In a RGB color space, hex #2c3b70 is composed of 17.3% red, 23.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 47.3% magenta, 0% yellow and 56.1% black. It has a hue angle of 226.8 degrees, a saturation of 43.6% and a lightness of 30.6%. #2c3b70 color hex could be obtained by blending #5876e0 with #000000. Closest websafe color is: #333366.

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

● #2c3b70 color description : Very dark blue.

The hexadecimal color #2c3b70 has RGB values of R:44, G:59, B:112 and CMYK values of C:0.61, M:0.47, Y:0, K:0.56. Its decimal value is 2898800.

Hex triplet	2c3b70	`#2c3b70`
RGB Decimal	44, 59, 112	`rgb(44,59,112)`
RGB Percent	17.3, 23.1, 43.9	`rgb(17.3%,23.1%,43.9%)`
CMYK	61, 47, 0, 56
HSL	226.8°, 43.6, 30.6	`hsl(226.8,43.6%,30.6%)`
HSV (or HSB)	226.8°, 60.7, 43.9
Web Safe	333366	`#333366`

CIE-LAB	26.254, 11.58, -32.623
XYZ	5.527, 4.833, 15.97
xyY	0.21, 0.184, 4.833
CIE-LCH	26.254, 34.617, 289.543
CIE-LUV	26.254, -7.609, -41.957
Hunter-Lab	21.984, 6.402, -27.681
Binary	00101100, 00111011, 01110000

#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#70612c
```
#70612c rgb(112,97,44)
```

Complementary Color

#2c5d70
```
#2c5d70 rgb(44,93,112)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#3f2c70
```
#3f2c70 rgb(63,44,112)
```

Analogous Color

#5d702c
```
#5d702c rgb(93,112,44)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#703f2c
```
#703f2c rgb(112,63,44)
```

Split Complementary Color

#3b702c
```
#3b702c rgb(59,112,44)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#702c3b
```
#702c3b rgb(112,44,59)
```

Triadic Color

#161e39
```
#161e39 rgb(22,30,57)
```
#1e284b
```
#1e284b rgb(30,40,75)
```
#25315e
```
#25315e rgb(37,49,94)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#334582
```
#334582 rgb(51,69,130)
```
#3a4e95
```
#3a4e95 rgb(58,78,149)
```
#4258a7
```
#4258a7 rgb(66,88,167)
```

Monochromatic Color

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

#2c4c70
```
#2c4c70 rgb(44,76,112)
```
#2c4670
```
#2c4670 rgb(44,70,112)
```
#2c4170
```
#2c4170 rgb(44,65,112)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#2c3570
```
#2c3570 rgb(44,53,112)
```
#2c3070
```
#2c3070 rgb(44,48,112)
```
#2e2c70
```
#2e2c70 rgb(46,44,112)
```

Similar Colors

Text with hexadecimal color #2c3b70

This text has a font color of #2c3b70.

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

#2c3b70 background color

This paragraph has a background color of #2c3b70.

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

#2c3b70 border color

This element has a border color of #2c3b70.

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

CSS codes

.text {color:#2c3b70;}

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

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

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, #05070d is the darkest color, while #fefeff is the lightest one.

#05070d
```
#05070d rgb(5,7,13)
```
#0b0e1c
```
#0b0e1c rgb(11,14,28)
```
#10162a
```
#10162a rgb(16,22,42)
```
#161d38
```
#161d38 rgb(22,29,56)
```
#1b2546
```
#1b2546 rgb(27,37,70)
```
#212c54
```
#212c54 rgb(33,44,84)
```
#263462
```
#263462 rgb(38,52,98)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#32427e
```
#32427e rgb(50,66,126)
```
#374a8c
```
#374a8c rgb(55,74,140)
```
#3d519a
```
#3d519a rgb(61,81,154)
```
#4259a8
```
#4259a8 rgb(66,89,168)
```
#4860b6
```
#4860b6 rgb(72,96,182)
```

Shade Color Variation

#556cbc
```
#556cbc rgb(85,108,188)
```
#6378c2
```
#6378c2 rgb(99,120,194)
```
#7284c7
```
#7284c7 rgb(114,132,199)
```
#8091cd
```
#8091cd rgb(128,145,205)
```
#8e9dd2
```
#8e9dd2 rgb(142,157,210)
```
#9ca9d8
```
#9ca9d8 rgb(156,169,216)
```
#aab5de
```
#aab5de rgb(170,181,222)
```
#b8c1e3
```
#b8c1e3 rgb(184,193,227)
```
#c6cee9
```
#c6cee9 rgb(198,206,233)
```
#d4daee
```
#d4daee rgb(212,218,238)
```
#e2e6f4
```
#e2e6f4 rgb(226,230,244)
```
#f0f2f9
```
#f0f2f9 rgb(240,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4a4c52
```
#4a4c52 rgb(74,76,82)
```
#444858
```
#444858 rgb(68,72,88)
```
#3e455e
```
#3e455e rgb(62,69,94)
```
#384264
```
#384264 rgb(56,66,100)
```
#323e6a
```
#323e6a rgb(50,62,106)
```
#2c3b70
```
#2c3b70 rgb(44,59,112)
```
#263876
```
#263876 rgb(38,56,118)
```
#20347c
```
#20347c rgb(32,52,124)
```
#1a3182
```
#1a3182 rgb(26,49,130)
```
#142e88
```
#142e88 rgb(20,46,136)
```
#0e2a8e
```
#0e2a8e rgb(14,42,142)
```
#082794
```
#082794 rgb(8,39,148)
```
#02249a
```
#02249a rgb(2,36,154)
```

Tone Color Variation

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

#2e4678 Protanopia 1% of men
#204875 Deuteranopia 1% of men
#234d53 Tritanopia 0.001% of the population

Trichromacy

#2d4275 Protanomaly 1% of men, 0.01% of women
#244373 Deuteranomaly 6% of men, 0.4% of women
#26475d Tritanomaly 0.01% of the population