#2c3a7b hex color

In a RGB color space, hex #2c3a7b is composed of 17.3% red, 22.7% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 52.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 229.4 degrees, a saturation of 47.3% and a lightness of 32.7%. #2c3a7b color hex could be obtained by blending #5874f6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 23
- B 48
RGB color chart
- C 64
- M 53
- Y 0
- K 52
CMYK color chart

● #2c3a7b color description : Dark moderate blue.

The hexadecimal color #2c3a7b has RGB values of R:44, G:58, B:123 and CMYK values of C:0.64, M:0.53, Y:0, K:0.52. Its decimal value is 2898555.

Hex triplet	2c3a7b	`#2c3a7b`
RGB Decimal	44, 58, 123	`rgb(44,58,123)`
RGB Percent	17.3, 22.7, 48.2	`rgb(17.3%,22.7%,48.2%)`
CMYK	64, 53, 0, 52
HSL	229.4°, 47.3, 32.7	`hsl(229.4,47.3%,32.7%)`
HSV (or HSB)	229.4°, 64.2, 48.2
Web Safe	333366	`#333366`

CIE-LAB	26.71, 16.377, -38.861
XYZ	6.126, 4.991, 19.378
xyY	0.201, 0.164, 4.991
CIE-LCH	26.71, 42.171, 292.852
CIE-LUV	26.71, -7.54, -50.509
Hunter-Lab	22.341, 9.849, -35.788
Binary	00101100, 00111010, 01111011

#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#7b6d2c
```
#7b6d2c rgb(123,109,44)
```

Complementary Color

#2c627b
```
#2c627b rgb(44,98,123)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#452c7b
```
#452c7b rgb(69,44,123)
```

Analogous Color

#627b2c
```
#627b2c rgb(98,123,44)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#7b452c
```
#7b452c rgb(123,69,44)
```

Split Complementary Color

#3a7b2c
```
#3a7b2c rgb(58,123,44)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#7b2c3a
```
#7b2c3a rgb(123,44,58)
```

Triadic Color

#2c7b6d
```
#2c7b6d rgb(44,123,109)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#7b2c3a
```
#7b2c3a rgb(123,44,58)
```
#7b6d2c
```
#7b6d2c rgb(123,109,44)
```

Tetradic Color

#181f43
```
#181f43 rgb(24,31,67)
```
#1f2855
```
#1f2855 rgb(31,40,85)
```
#253168
```
#253168 rgb(37,49,104)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#33438e
```
#33438e rgb(51,67,142)
```
#394ca1
```
#394ca1 rgb(57,76,161)
```
#4055b3
```
#4055b3 rgb(64,85,179)
```

Monochromatic Color

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

#2c4e7b
```
#2c4e7b rgb(44,78,123)
```
#2c477b
```
#2c477b rgb(44,71,123)
```
#2c417b
```
#2c417b rgb(44,65,123)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#2c337b
```
#2c337b rgb(44,51,123)
```
#2c2d7b
```
#2c2d7b rgb(44,45,123)
```
#322c7b
```
#322c7b rgb(50,44,123)
```

Similar Colors

Text with hexadecimal color #2c3a7b

This text has a font color of #2c3a7b.

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

#2c3a7b background color

This paragraph has a background color of #2c3a7b.

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

#2c3a7b border color

This element has a border color of #2c3a7b.

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

CSS codes

.text {color:#2c3a7b;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#080a16
```
#080a16 rgb(8,10,22)
```
#0d1124
```
#0d1124 rgb(13,17,36)
```
#121833
```
#121833 rgb(18,24,51)
```
#171f41
```
#171f41 rgb(23,31,65)
```
#1c2650
```
#1c2650 rgb(28,38,80)
```
#222c5e
```
#222c5e rgb(34,44,94)
```
#27336d
```
#27336d rgb(39,51,109)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#314189
```
#314189 rgb(49,65,137)
```
#364898
```
#364898 rgb(54,72,152)
```
#3c4ea6
```
#3c4ea6 rgb(60,78,166)
```
#4155b5
```
#4155b5 rgb(65,85,181)
```

Shade Color Variation

#4b5fbe
```
#4b5fbe rgb(75,95,190)
```
#596cc4
```
#596cc4 rgb(89,108,196)
```
#6879c9
```
#6879c9 rgb(104,121,201)
```
#7686ce
```
#7686ce rgb(118,134,206)
```
#8492d3
```
#8492d3 rgb(132,146,211)
```
#939fd8
```
#939fd8 rgb(147,159,216)
```
#a1acdd
```
#a1acdd rgb(161,172,221)
```
#b0b9e3
```
#b0b9e3 rgb(176,185,227)
```
#bec6e8
```
#bec6e8 rgb(190,198,232)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#dbdff2
```
#dbdff2 rgb(219,223,242)
```
#eaecf7
```
#eaecf7 rgb(234,236,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#535354
```
#535354 rgb(83,83,84)
```
#4c4f5b
```
#4c4f5b rgb(76,79,91)
```
#464b61
```
#464b61 rgb(70,75,97)
```
#3f4668
```
#3f4668 rgb(63,70,104)
```
#39426e
```
#39426e rgb(57,66,110)
```
#323e75
```
#323e75 rgb(50,62,117)
```
#2c3a7b
```
#2c3a7b rgb(44,58,123)
```
#263681
```
#263681 rgb(38,54,129)
```
#1f3288
```
#1f3288 rgb(31,50,136)
```
#192e8e
```
#192e8e rgb(25,46,142)
```
#122995
```
#122995 rgb(18,41,149)
```
#0c259b
```
#0c259b rgb(12,37,155)
```
#0521a2
```
#0521a2 rgb(5,33,162)
```

Tone Color Variation

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

Dichromacy

#214784 Protanopia 1% of men
#004a7b Deuteranopia 1% of men
#174f55 Tritanopia 0.001% of the population

Trichromacy

#254281 Protanomaly 1% of men, 0.01% of women
#10447b Deuteranomaly 6% of men, 0.4% of women
#1e4763 Tritanomaly 0.01% of the population

#2c3a7b hex color

#2c3a7b Color Information

#2c3a7b Color Conversion

Color Schemes with #2c3a7b

Alternatives to #2c3a7b

#2c3a7b Preview

Shades and Tints of #2c3a7b

Tones of #2c3a7b

Color Blindness Simulator