#2c387f hex color

In a RGB color space, hex #2c387f is composed of 17.3% red, 22% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 55.9% magenta, 0% yellow and 50.2% black. It has a hue angle of 231.3 degrees, a saturation of 48.5% and a lightness of 33.5%. #2c387f color hex could be obtained by blending #5870fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 22
- B 50
RGB color chart
- C 65
- M 56
- Y 0
- K 50
CMYK color chart

● #2c387f color description : Dark moderate blue.

The hexadecimal color #2c387f has RGB values of R:44, G:56, B:127 and CMYK values of C:0.65, M:0.56, Y:0, K:0.5. Its decimal value is 2898047.

Hex triplet	2c387f	`#2c387f`
RGB Decimal	44, 56, 127	`rgb(44,56,127)`
RGB Percent	17.3, 22, 49.8	`rgb(17.3%,22%,49.8%)`
CMYK	65, 56, 0, 50
HSL	231.3°, 48.5, 33.5	`hsl(231.3,48.5%,33.5%)`
HSV (or HSB)	231.3°, 65.4, 49.8
Web Safe	333366	`#333366`

CIE-LAB	26.436, 19.254, -41.819
XYZ	6.283, 4.896, 20.691
xyY	0.197, 0.154, 4.896
CIE-LCH	26.436, 46.039, 294.721
CIE-LUV	26.436, -7.08, -54.158
Hunter-Lab	22.126, 11.964, -39.956
Binary	00101100, 00111000, 01111111

#2c387f
```
#2c387f rgb(44,56,127)
```
#7f732c
```
#7f732c rgb(127,115,44)
```

Complementary Color

#2c627f
```
#2c627f rgb(44,98,127)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#4a2c7f
```
#4a2c7f rgb(74,44,127)
```

Analogous Color

#627f2c
```
#627f2c rgb(98,127,44)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#7f4a2c
```
#7f4a2c rgb(127,74,44)
```

Split Complementary Color

#387f2c
```
#387f2c rgb(56,127,44)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#7f2c38
```
#7f2c38 rgb(127,44,56)
```

Triadic Color

#2c7f73
```
#2c7f73 rgb(44,127,115)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#7f2c38
```
#7f2c38 rgb(127,44,56)
```
#7f732c
```
#7f732c rgb(127,115,44)
```

Tetradic Color

#181f46
```
#181f46 rgb(24,31,70)
```
#1f2759
```
#1f2759 rgb(31,39,89)
```
#25306c
```
#25306c rgb(37,48,108)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#334092
```
#334092 rgb(51,64,146)
```
#3949a5
```
#3949a5 rgb(57,73,165)
```
#4051b8
```
#4051b8 rgb(64,81,184)
```

Monochromatic Color

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

#2c4d7f
```
#2c4d7f rgb(44,77,127)
```
#2c467f
```
#2c467f rgb(44,70,127)
```
#2c3f7f
```
#2c3f7f rgb(44,63,127)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#2c317f
```
#2c317f rgb(44,49,127)
```
#2e2c7f
```
#2e2c7f rgb(46,44,127)
```
#352c7f
```
#352c7f rgb(53,44,127)
```

Similar Colors

Text with hexadecimal color #2c387f

This text has a font color of #2c387f.

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

#2c387f background color

This paragraph has a background color of #2c387f.

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

#2c387f border color

This element has a border color of #2c387f.

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

CSS codes

.text {color:#2c387f;}

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

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

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 #fbfbfe is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#090b19
```
#090b19 rgb(9,11,25)
```
#0e1128
```
#0e1128 rgb(14,17,40)
```
#131836
```
#131836 rgb(19,24,54)
```
#181e45
```
#181e45 rgb(24,30,69)
```
#1d2553
```
#1d2553 rgb(29,37,83)
```
#222b62
```
#222b62 rgb(34,43,98)
```
#273270
```
#273270 rgb(39,50,112)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#313e8e
```
#313e8e rgb(49,62,142)
```
#36459c
```
#36459c rgb(54,69,156)
```
#3b4bab
```
#3b4bab rgb(59,75,171)
```
#4052b9
```
#4052b9 rgb(64,82,185)
```

Shade Color Variation

#4c5dc1
```
#4c5dc1 rgb(76,93,193)
```
#5b6ac6
```
#5b6ac6 rgb(91,106,198)
```
#6977cb
```
#6977cb rgb(105,119,203)
```
#7885d0
```
#7885d0 rgb(120,133,208)
```
#8692d5
```
#8692d5 rgb(134,146,213)
```
#959fda
```
#959fda rgb(149,159,218)
```
#a3acdf
```
#a3acdf rgb(163,172,223)
```
#b2b9e4
```
#b2b9e4 rgb(178,185,228)
```
#c1c7e9
```
#c1c7e9 rgb(193,199,233)
```
#cfd4ee
```
#cfd4ee rgb(207,212,238)
```
#dee1f3
```
#dee1f3 rgb(222,225,243)
```
#eceef9
```
#eceef9 rgb(236,238,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#535458
```
#535458 rgb(83,84,88)
```
#4d4f5e
```
#4d4f5e rgb(77,79,94)
```
#464b65
```
#464b65 rgb(70,75,101)
```
#40466b
```
#40466b rgb(64,70,107)
```
#394172
```
#394172 rgb(57,65,114)
```
#333d78
```
#333d78 rgb(51,61,120)
```
#2c387f
```
#2c387f rgb(44,56,127)
```
#253386
```
#253386 rgb(37,51,134)
```
#1f2f8c
```
#1f2f8c rgb(31,47,140)
```
#182a93
```
#182a93 rgb(24,42,147)
```
#122599
```
#122599 rgb(18,37,153)
```
#0b21a0
```
#0b21a0 rgb(11,33,160)
```
#051ca6
```
#051ca6 rgb(5,28,166)
```

Tone Color Variation

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

Dichromacy

#0d4689 Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#0b4f55 Tritanopia 0.001% of the population

Trichromacy

#184185 Protanomaly 1% of men, 0.01% of women
#10437b Deuteranomaly 6% of men, 0.4% of women
#174664 Tritanomaly 0.01% of the population

#2c387f hex color

#2c387f Color Information

#2c387f Color Conversion

Color Schemes with #2c387f

Alternatives to #2c387f

#2c387f Preview

Shades and Tints of #2c387f

Tones of #2c387f

Color Blindness Simulator