#2c2c86 hex color

In a RGB color space, hex #2c2c86 is composed of 17.3% red, 17.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 67.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 240 degrees, a saturation of 50.6% and a lightness of 34.9%. #2c2c86 color hex could be obtained by blending #5858ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 17
- B 53
RGB color chart
- C 67
- M 67
- Y 0
- K 47
CMYK color chart

● #2c2c86 color description : Dark moderate blue.

The hexadecimal color #2c2c86 has RGB values of R:44, G:44, B:134 and CMYK values of C:0.67, M:0.67, Y:0, K:0.47. Its decimal value is 2894982.

Hex triplet	2c2c86	`#2c2c86`
RGB Decimal	44, 44, 134	`rgb(44,44,134)`
RGB Percent	17.3, 17.3, 52.5	`rgb(17.3%,17.3%,52.5%)`
CMYK	67, 67, 0, 47
HSL	240°, 50.6, 34.9	`hsl(240,50.6%,34.9%)`
HSV (or HSB)	240°, 67.2, 52.5
Web Safe	333399	`#333399`

CIE-LAB	23.861, 29.907, -50.397
XYZ	6.242, 4.058, 23.007
xyY	0.187, 0.122, 4.058
CIE-LCH	23.861, 58.603, 300.686
CIE-LUV	23.861, -4.479, -62.06
Hunter-Lab	20.144, 20.057, -53.617
Binary	00101100, 00101100, 10000110

#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#86862c
```
#86862c rgb(134,134,44)
```

Complementary Color

#2c5986
```
#2c5986 rgb(44,89,134)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#592c86
```
#592c86 rgb(89,44,134)
```

Analogous Color

#59862c
```
#59862c rgb(89,134,44)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#86592c
```
#86592c rgb(134,89,44)
```

Split Complementary Color

#2c862c
```
#2c862c rgb(44,134,44)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#862c2c
```
#862c2c rgb(134,44,44)
```

Triadic Color

#2c8686
```
#2c8686 rgb(44,134,134)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#862c2c
```
#862c2c rgb(134,44,44)
```
#86862c
```
#86862c rgb(134,134,44)
```

Tetradic Color

#19194c
```
#19194c rgb(25,25,76)
```
#1f1f60
```
#1f1f60 rgb(31,31,96)
```
#262673
```
#262673 rgb(38,38,115)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#323299
```
#323299 rgb(50,50,153)
```
#3939ac
```
#3939ac rgb(57,57,172)
```
#3f3fc0
```
#3f3fc0 rgb(63,63,192)
```

Monochromatic Color

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

#2c4386
```
#2c4386 rgb(44,67,134)
```
#2c3b86
```
#2c3b86 rgb(44,59,134)
```
#2c3486
```
#2c3486 rgb(44,52,134)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#342c86
```
#342c86 rgb(52,44,134)
```
#3b2c86
```
#3b2c86 rgb(59,44,134)
```
#432c86
```
#432c86 rgb(67,44,134)
```

Similar Colors

Text with hexadecimal color #2c2c86

This text has a font color of #2c2c86.

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

#2c2c86 background color

This paragraph has a background color of #2c2c86.

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

#2c2c86 border color

This element has a border color of #2c2c86.

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

CSS codes

.text {color:#2c2c86;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050510
```
#050510 rgb(5,5,16)
```
#0a0a1f
```
#0a0a1f rgb(10,10,31)
```
#0f0f2d
```
#0f0f2d rgb(15,15,45)
```
#14143c
```
#14143c rgb(20,20,60)
```
#19194b
```
#19194b rgb(25,25,75)
```
#1d1d5a
```
#1d1d5a rgb(29,29,90)
```
#222268
```
#222268 rgb(34,34,104)
```
#272777
```
#272777 rgb(39,39,119)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#313195
```
#313195 rgb(49,49,149)
```
#3636a4
```
#3636a4 rgb(54,54,164)
```
#3b3bb2
```
#3b3bb2 rgb(59,59,178)
```

Shade Color Variation

#4040c0
```
#4040c0 rgb(64,64,192)
```
#4f4fc5
```
#4f4fc5 rgb(79,79,197)
```
#5e5eca
```
#5e5eca rgb(94,94,202)
```
#6c6ccf
```
#6c6ccf rgb(108,108,207)
```
#7b7bd4
```
#7b7bd4 rgb(123,123,212)
```
#8a8ad9
```
#8a8ad9 rgb(138,138,217)
```
#9999dd
```
#9999dd rgb(153,153,221)
```
#a8a8e2
```
#a8a8e2 rgb(168,168,226)
```
#b6b6e7
```
#b6b6e7 rgb(182,182,231)
```
#c5c5ec
```
#c5c5ec rgb(197,197,236)
```
#d4d4f1
```
#d4d4f1 rgb(212,212,241)
```
#e3e3f6
```
#e3e3f6 rgb(227,227,246)
```
#f1f1fb
```
#f1f1fb rgb(241,241,251)
```

Tint Color Variation

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

#55555d
```
#55555d rgb(85,85,93)
```
#4e4e64
```
#4e4e64 rgb(78,78,100)
```
#47476b
```
#47476b rgb(71,71,107)
```
#414171
```
#414171 rgb(65,65,113)
```
#3a3a78
```
#3a3a78 rgb(58,58,120)
```
#33337f
```
#33337f rgb(51,51,127)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```
#25258d
```
#25258d rgb(37,37,141)
```
#1e1e94
```
#1e1e94 rgb(30,30,148)
```
#17179b
```
#17179b rgb(23,23,155)
```
#1111a1
```
#1111a1 rgb(17,17,161)
```
#0a0aa8
```
#0a0aa8 rgb(10,10,168)
```
#0303af
```
#0303af rgb(3,3,175)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#343446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00446e Deuteranopia 1% of men
#00494e Tritanopia 0.001% of the population

Trichromacy

#103981 Protanomaly 1% of men, 0.01% of women
#103b77 Deuteranomaly 6% of men, 0.4% of women
#103e62 Tritanomaly 0.01% of the population

#2c2c86 hex color

#2c2c86 Color Information

#2c2c86 Color Conversion

Color Schemes with #2c2c86

Alternatives to #2c2c86

#2c2c86 Preview

Shades and Tints of #2c2c86

Tones of #2c2c86

Color Blindness Simulator