#2c3394 hex color

In a RGB color space, hex #2c3394 is composed of 17.3% red, 20% green and 58% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 65.5% magenta, 0% yellow and 42% black. It has a hue angle of 236 degrees, a saturation of 54.2% and a lightness of 37.6%. #2c3394 color hex could be obtained by blending #5866ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 20
- B 58
RGB color chart
- C 70
- M 66
- Y 0
- K 42
CMYK color chart

● #2c3394 color description : Dark blue.

The hexadecimal color #2c3394 has RGB values of R:44, G:51, B:148 and CMYK values of C:0.7, M:0.66, Y:0, K:0.42. Its decimal value is 2896788.

Hex triplet	2c3394	`#2c3394`
RGB Decimal	44, 51, 148	`rgb(44,51,148)`
RGB Percent	17.3, 20, 58	`rgb(17.3%,20%,58%)`
CMYK	70, 66, 0, 42
HSL	236°, 54.2, 37.6	`hsl(236,54.2%,37.6%)`
HSV (or HSB)	236°, 70.3, 58
Web Safe	333399	`#333399`

CIE-LAB	26.851, 30.392, -54.189
XYZ	7.567, 5.041, 28.59
xyY	0.184, 0.122, 5.041
CIE-LCH	26.851, 62.13, 299.286
CIE-LUV	26.851, -6.524, -69.745
Hunter-Lab	22.452, 20.868, -59.782
Binary	00101100, 00110011, 10010100

#2c3394
```
#2c3394 rgb(44,51,148)
```
#948d2c
```
#948d2c rgb(148,141,44)
```

Complementary Color

#2c6794
```
#2c6794 rgb(44,103,148)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#592c94
```
#592c94 rgb(89,44,148)
```

Analogous Color

#67942c
```
#67942c rgb(103,148,44)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#94592c
```
#94592c rgb(148,89,44)
```

Split Complementary Color

#33942c
```
#33942c rgb(51,148,44)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#942c33
```
#942c33 rgb(148,44,51)
```

Triadic Color

#2c948d
```
#2c948d rgb(44,148,141)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#942c33
```
#942c33 rgb(148,44,51)
```
#948d2c
```
#948d2c rgb(148,141,44)
```

Tetradic Color

#1a1f59
```
#1a1f59 rgb(26,31,89)
```
#20256d
```
#20256d rgb(32,37,109)
```
#262c80
```
#262c80 rgb(38,44,128)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#323aa8
```
#323aa8 rgb(50,58,168)
```
#3841bb
```
#3841bb rgb(56,65,187)
```
#454ec8
```
#454ec8 rgb(69,78,200)
```

Monochromatic Color

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

#2c4d94
```
#2c4d94 rgb(44,77,148)
```
#2c4494
```
#2c4494 rgb(44,68,148)
```
#2c3c94
```
#2c3c94 rgb(44,60,148)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#2e2c94
```
#2e2c94 rgb(46,44,148)
```
#362c94
```
#362c94 rgb(54,44,148)
```
#3f2c94
```
#3f2c94 rgb(63,44,148)
```

Similar Colors

Text with hexadecimal color #2c3394

This text has a font color of #2c3394.

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

#2c3394 background color

This paragraph has a background color of #2c3394.

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

#2c3394 border color

This element has a border color of #2c3394.

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

CSS codes

.text {color:#2c3394;}

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

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

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, #04040c is the darkest color, while #fcfcfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#08091b
```
#08091b rgb(8,9,27)
```
#0d0f2a
```
#0d0f2a rgb(13,15,42)
```
#111439
```
#111439 rgb(17,20,57)
```
#161948
```
#161948 rgb(22,25,72)
```
#1a1e58
```
#1a1e58 rgb(26,30,88)
```
#1f2367
```
#1f2367 rgb(31,35,103)
```
#232976
```
#232976 rgb(35,41,118)
```
#282e85
```
#282e85 rgb(40,46,133)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#3038a3
```
#3038a3 rgb(48,56,163)
```
#353db2
```
#353db2 rgb(53,61,178)
```
#3943c1
```
#3943c1 rgb(57,67,193)
```

Shade Color Variation

#464fc8
```
#464fc8 rgb(70,79,200)
```
#555dcd
```
#555dcd rgb(85,93,205)
```
#656cd1
```
#656cd1 rgb(101,108,209)
```
#747ad6
```
#747ad6 rgb(116,122,214)
```
#8389da
```
#8389da rgb(131,137,218)
```
#9297df
```
#9297df rgb(146,151,223)
```
#a1a6e3
```
#a1a6e3 rgb(161,166,227)
```
#b0b4e8
```
#b0b4e8 rgb(176,180,232)
```
#bfc2ec
```
#bfc2ec rgb(191,194,236)
```
#ced1f1
```
#ced1f1 rgb(206,209,241)
```
#dedff5
```
#dedff5 rgb(222,223,245)
```
#edeefa
```
#edeefa rgb(237,238,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#606060
```
#606060 rgb(96,96,96)
```
#585968
```
#585968 rgb(88,89,104)
```
#51536f
```
#51536f rgb(81,83,111)
```
#4a4d76
```
#4a4d76 rgb(74,77,118)
```
#42467e
```
#42467e rgb(66,70,126)
```
#3b4085
```
#3b4085 rgb(59,64,133)
```
#33398d
```
#33398d rgb(51,57,141)
```
#2c3394
```
#2c3394 rgb(44,51,148)
```
#252d9b
```
#252d9b rgb(37,45,155)
```
#1d26a3
```
#1d26a3 rgb(29,38,163)
```
#1620aa
```
#1620aa rgb(22,32,170)
```
#0e19b2
```
#0e19b2 rgb(14,25,178)
```
#0713b9
```
#0713b9 rgb(7,19,185)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b79 Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#103f8e Protanomaly 1% of men, 0.01% of women
#104283 Deuteranomaly 6% of men, 0.4% of women
#10456c Tritanomaly 0.01% of the population

#2c3394 hex color

#2c3394 Color Information

#2c3394 Color Conversion

Color Schemes with #2c3394

Alternatives to #2c3394

#2c3394 Preview

Shades and Tints of #2c3394

Tones of #2c3394

Color Blindness Simulator