#2c3e7f hex color

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

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

● #2c3e7f color description : Dark moderate blue.

The hexadecimal color #2c3e7f has RGB values of R:44, G:62, B:127 and CMYK values of C:0.65, M:0.51, Y:0, K:0.5. Its decimal value is 2899583.

Hex triplet	2c3e7f	`#2c3e7f`
RGB Decimal	44, 62, 127	`rgb(44,62,127)`
RGB Percent	17.3, 24.3, 49.8	`rgb(17.3%,24.3%,49.8%)`
CMYK	65, 51, 0, 50
HSL	227°, 48.5, 33.5	`hsl(227,48.5%,33.5%)`
HSV (or HSB)	227°, 65.4, 49.8
Web Safe	333366	`#333366`

CIE-LAB	28.148, 15.129, -39.057
XYZ	6.591, 5.513, 20.794
xyY	0.2, 0.168, 5.513
CIE-LCH	28.148, 41.885, 291.174
CIE-LUV	28.148, -8.782, -51.671
Hunter-Lab	23.479, 9.022, -36.075
Binary	00101100, 00111110, 01111111

#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#7f6d2c
```
#7f6d2c rgb(127,109,44)
```

Complementary Color

#2c687f
```
#2c687f rgb(44,104,127)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#442c7f
```
#442c7f rgb(68,44,127)
```

Analogous Color

#687f2c
```
#687f2c rgb(104,127,44)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#7f442c
```
#7f442c rgb(127,68,44)
```

Split Complementary Color

#3e7f2c
```
#3e7f2c rgb(62,127,44)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#7f2c3e
```
#7f2c3e rgb(127,44,62)
```

Triadic Color

#2c7f6d
```
#2c7f6d rgb(44,127,109)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#7f2c3e
```
#7f2c3e rgb(127,44,62)
```
#7f6d2c
```
#7f6d2c rgb(127,109,44)
```

Tetradic Color

#182246
```
#182246 rgb(24,34,70)
```
#1f2c59
```
#1f2c59 rgb(31,44,89)
```
#25356c
```
#25356c rgb(37,53,108)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#334792
```
#334792 rgb(51,71,146)
```
#3950a5
```
#3950a5 rgb(57,80,165)
```
#405ab8
```
#405ab8 rgb(64,90,184)
```

Monochromatic Color

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

#2c537f
```
#2c537f rgb(44,83,127)
```
#2c4c7f
```
#2c4c7f rgb(44,76,127)
```
#2c457f
```
#2c457f rgb(44,69,127)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#2c377f
```
#2c377f rgb(44,55,127)
```
#2c307f
```
#2c307f rgb(44,48,127)
```
#2f2c7f
```
#2f2c7f rgb(47,44,127)
```

Similar Colors

Text with hexadecimal color #2c3e7f

This text has a font color of #2c3e7f.

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

#2c3e7f background color

This paragraph has a background color of #2c3e7f.

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

#2c3e7f border color

This element has a border color of #2c3e7f.

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

CSS codes

.text {color:#2c3e7f;}

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

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

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)
```
#090c19
```
#090c19 rgb(9,12,25)
```
#0e1328
```
#0e1328 rgb(14,19,40)
```
#131a36
```
#131a36 rgb(19,26,54)
```
#182245
```
#182245 rgb(24,34,69)
```
#1d2953
```
#1d2953 rgb(29,41,83)
```
#223062
```
#223062 rgb(34,48,98)
```
#273770
```
#273770 rgb(39,55,112)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#31458e
```
#31458e rgb(49,69,142)
```
#364c9c
```
#364c9c rgb(54,76,156)
```
#3b53ab
```
#3b53ab rgb(59,83,171)
```
#405ab9
```
#405ab9 rgb(64,90,185)
```

Shade Color Variation

#4c65c1
```
#4c65c1 rgb(76,101,193)
```
#5b72c6
```
#5b72c6 rgb(91,114,198)
```
#697ecb
```
#697ecb rgb(105,126,203)
```
#788bd0
```
#788bd0 rgb(120,139,208)
```
#8697d5
```
#8697d5 rgb(134,151,213)
```
#95a4da
```
#95a4da rgb(149,164,218)
```
#a3b0df
```
#a3b0df rgb(163,176,223)
```
#b2bde4
```
#b2bde4 rgb(178,189,228)
```
#c1c9e9
```
#c1c9e9 rgb(193,201,233)
```
#cfd6ee
```
#cfd6ee rgb(207,214,238)
```
#dee2f3
```
#dee2f3 rgb(222,226,243)
```
#eceff9
```
#eceff9 rgb(236,239,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 #0528a6 is the most saturated one.

#535458
```
#535458 rgb(83,84,88)
```
#4d515e
```
#4d515e rgb(77,81,94)
```
#464d65
```
#464d65 rgb(70,77,101)
```
#40496b
```
#40496b rgb(64,73,107)
```
#394572
```
#394572 rgb(57,69,114)
```
#334278
```
#334278 rgb(51,66,120)
```
#2c3e7f
```
#2c3e7f rgb(44,62,127)
```
#253a86
```
#253a86 rgb(37,58,134)
```
#1f378c
```
#1f378c rgb(31,55,140)
```
#183393
```
#183393 rgb(24,51,147)
```
#122f99
```
#122f99 rgb(18,47,153)
```
#0b2ba0
```
#0b2ba0 rgb(11,43,160)
```
#0528a6
```
#0528a6 rgb(5,40,166)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#264a87 Protanopia 1% of men
#004d80 Deuteranopia 1% of men
#135359 Tritanopia 0.001% of the population

Trichromacy

#284584 Protanomaly 1% of men, 0.01% of women
#104780 Deuteranomaly 6% of men, 0.4% of women
#1c4b67 Tritanomaly 0.01% of the population

#2c3e7f hex color

#2c3e7f Color Information

#2c3e7f Color Conversion

Color Schemes with #2c3e7f

Alternatives to #2c3e7f

#2c3e7f Preview

Shades and Tints of #2c3e7f

Tones of #2c3e7f

Color Blindness Simulator