#2c3a66 hex color

In a RGB color space, hex #2c3a66 is composed of 17.3% red, 22.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 43.1% magenta, 0% yellow and 60% black. It has a hue angle of 225.5 degrees, a saturation of 39.7% and a lightness of 28.6%. #2c3a66 color hex could be obtained by blending #5874cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 23
- B 40
RGB color chart
- C 57
- M 43
- Y 0
- K 60
CMYK color chart

● #2c3a66 color description : Very dark desaturated blue.

The hexadecimal color #2c3a66 has RGB values of R:44, G:58, B:102 and CMYK values of C:0.57, M:0.43, Y:0, K:0.6. Its decimal value is 2898534.

Hex triplet	2c3a66	`#2c3a66`
RGB Decimal	44, 58, 102	`rgb(44,58,102)`
RGB Percent	17.3, 22.7, 40	`rgb(17.3%,22.7%,40%)`
CMYK	57, 43, 0, 60
HSL	225.5°, 39.7, 28.6	`hsl(225.5,39.7%,28.6%)`
HSV (or HSB)	225.5°, 56.9, 40
Web Safe	333366	`#333366`

CIE-LAB	25.323, 8.598, -27.692
XYZ	4.95, 4.521, 13.181
xyY	0.219, 0.2, 4.521
CIE-LCH	25.323, 28.996, 287.249
CIE-LUV	25.323, -7.094, -34.912
Hunter-Lab	21.262, 4.345, -21.874
Binary	00101100, 00111010, 01100110

#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#66582c
```
#66582c rgb(102,88,44)
```

Complementary Color

#2c5766
```
#2c5766 rgb(44,87,102)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#3b2c66
```
#3b2c66 rgb(59,44,102)
```

Analogous Color

#57662c
```
#57662c rgb(87,102,44)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#663b2c
```
#663b2c rgb(102,59,44)
```

Split Complementary Color

#3a662c
```
#3a662c rgb(58,102,44)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#662c3a
```
#662c3a rgb(102,44,58)
```

Triadic Color

#2c6658
```
#2c6658 rgb(44,102,88)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#662c3a
```
#662c3a rgb(102,44,58)
```
#66582c
```
#66582c rgb(102,88,44)
```

Tetradic Color

#151c31
```
#151c31 rgb(21,28,49)
```
#1d2642
```
#1d2642 rgb(29,38,66)
```
#243054
```
#243054 rgb(36,48,84)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#344478
```
#344478 rgb(52,68,120)
```
#3b4e8a
```
#3b4e8a rgb(59,78,138)
```
#43589b
```
#43589b rgb(67,88,155)
```

Monochromatic Color

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

#2c4966
```
#2c4966 rgb(44,73,102)
```
#2c4466
```
#2c4466 rgb(44,68,102)
```
#2c3f66
```
#2c3f66 rgb(44,63,102)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#2c3566
```
#2c3566 rgb(44,53,102)
```
#2c3066
```
#2c3066 rgb(44,48,102)
```
#2d2c66
```
#2d2c66 rgb(45,44,102)
```

Similar Colors

Text with hexadecimal color #2c3a66

This text has a font color of #2c3a66.

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

#2c3a66 background color

This paragraph has a background color of #2c3a66.

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

#2c3a66 border color

This element has a border color of #2c3a66.

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

CSS codes

.text {color:#2c3a66;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090b14
```
#090b14 rgb(9,11,20)
```
#0e1321
```
#0e1321 rgb(14,19,33)
```
#141b2f
```
#141b2f rgb(20,27,47)
```
#1a233d
```
#1a233d rgb(26,35,61)
```
#202a4b
```
#202a4b rgb(32,42,75)
```
#263258
```
#263258 rgb(38,50,88)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#324274
```
#324274 rgb(50,66,116)
```
#384a81
```
#384a81 rgb(56,74,129)
```
#3e518f
```
#3e518f rgb(62,81,143)
```
#44599d
```
#44599d rgb(68,89,157)
```
#4a61ab
```
#4a61ab rgb(74,97,171)
```

Shade Color Variation

#536bb5
```
#536bb5 rgb(83,107,181)
```
#6176bb
```
#6176bb rgb(97,118,187)
```
#6e82c1
```
#6e82c1 rgb(110,130,193)
```
#7c8ec7
```
#7c8ec7 rgb(124,142,199)
```
#8a9acc
```
#8a9acc rgb(138,154,204)
```
#97a6d2
```
#97a6d2 rgb(151,166,210)
```
#a5b1d8
```
#a5b1d8 rgb(165,177,216)
```
#b3bdde
```
#b3bdde rgb(179,189,222)
```
#c1c9e4
```
#c1c9e4 rgb(193,201,228)
```
#ced5ea
```
#ced5ea rgb(206,213,234)
```
#dce1f0
```
#dce1f0 rgb(220,225,240)
```
#eaedf6
```
#eaedf6 rgb(234,237,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#48494a
```
#48494a rgb(72,73,74)
```
#424650
```
#424650 rgb(66,70,80)
```
#3d4355
```
#3d4355 rgb(61,67,85)
```
#37405b
```
#37405b rgb(55,64,91)
```
#323d60
```
#323d60 rgb(50,61,96)
```
#2c3a66
```
#2c3a66 rgb(44,58,102)
```
#26376c
```
#26376c rgb(38,55,108)
```
#213471
```
#213471 rgb(33,52,113)
```
#1b3177
```
#1b3177 rgb(27,49,119)
```
#162e7c
```
#162e7c rgb(22,46,124)
```
#102b82
```
#102b82 rgb(16,43,130)
```
#0a2988
```
#0a2988 rgb(10,41,136)
```
#05268d
```
#05268d rgb(5,38,141)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383b44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33446e Protanopia 1% of men
#2b466d Deuteranopia 1% of men
#294b50 Tritanopia 0.001% of the population

Trichromacy

#30406b Protanomaly 1% of men, 0.01% of women
#2b416a Deuteranomaly 6% of men, 0.4% of women
#2a4458 Tritanomaly 0.01% of the population

#2c3a66 hex color

#2c3a66 Color Information

#2c3a66 Color Conversion

Color Schemes with #2c3a66

Alternatives to #2c3a66

#2c3a66 Preview

Shades and Tints of #2c3a66

Tones of #2c3a66

Color Blindness Simulator