#2c3366 hex color

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

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

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

The hexadecimal color #2c3366 has RGB values of R:44, G:51, B:102 and CMYK values of C:0.57, M:0.5, Y:0, K:0.6. Its decimal value is 2896742.

Hex triplet	2c3366	`#2c3366`
RGB Decimal	44, 51, 102	`rgb(44,51,102)`
RGB Percent	17.3, 20, 40	`rgb(17.3%,20%,40%)`
CMYK	57, 50, 0, 60
HSL	232.8°, 39.7, 28.6	`hsl(232.8,39.7%,28.6%)`
HSV (or HSB)	232.8°, 56.9, 40
Web Safe	333366	`#333366`

CIE-LAB	23.211, 13.468, -31.058
XYZ	4.62, 3.862, 13.072
xyY	0.214, 0.179, 3.862
CIE-LCH	23.211, 33.853, 293.443
CIE-LUV	23.211, -4.9, -38.253
Hunter-Lab	19.653, 7.573, -25.679
Binary	00101100, 00110011, 01100110

#2c3366
```
#2c3366 rgb(44,51,102)
```
#665f2c
```
#665f2c rgb(102,95,44)
```

Complementary Color

#2c5066
```
#2c5066 rgb(44,80,102)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#422c66
```
#422c66 rgb(66,44,102)
```

Analogous Color

#50662c
```
#50662c rgb(80,102,44)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#66422c
```
#66422c rgb(102,66,44)
```

Split Complementary Color

#33662c
```
#33662c rgb(51,102,44)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#662c33
```
#662c33 rgb(102,44,51)
```

Triadic Color

#2c665f
```
#2c665f rgb(44,102,95)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#662c33
```
#662c33 rgb(102,44,51)
```
#665f2c
```
#665f2c rgb(102,95,44)
```

Tetradic Color

#151831
```
#151831 rgb(21,24,49)
```
#1d2142
```
#1d2142 rgb(29,33,66)
```
#242a54
```
#242a54 rgb(36,42,84)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#343c78
```
#343c78 rgb(52,60,120)
```
#3b458a
```
#3b458a rgb(59,69,138)
```
#434e9b
```
#434e9b rgb(67,78,155)
```

Monochromatic Color

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

#2c4266
```
#2c4266 rgb(44,66,102)
```
#2c3d66
```
#2c3d66 rgb(44,61,102)
```
#2c3866
```
#2c3866 rgb(44,56,102)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#2c2e66
```
#2c2e66 rgb(44,46,102)
```
#2f2c66
```
#2f2c66 rgb(47,44,102)
```
#342c66
```
#342c66 rgb(52,44,102)
```

Similar Colors

Text with hexadecimal color #2c3366

This text has a font color of #2c3366.

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

#2c3366 background color

This paragraph has a background color of #2c3366.

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

#2c3366 border color

This element has a border color of #2c3366.

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

CSS codes

.text {color:#2c3366;}

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

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

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)
```
#090a14
```
#090a14 rgb(9,10,20)
```
#0e1121
```
#0e1121 rgb(14,17,33)
```
#14182f
```
#14182f rgb(20,24,47)
```
#1a1e3d
```
#1a1e3d rgb(26,30,61)
```
#20254b
```
#20254b rgb(32,37,75)
```
#262c58
```
#262c58 rgb(38,44,88)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#323a74
```
#323a74 rgb(50,58,116)
```
#384181
```
#384181 rgb(56,65,129)
```
#3e488f
```
#3e488f rgb(62,72,143)
```
#444e9d
```
#444e9d rgb(68,78,157)
```
#4a55ab
```
#4a55ab rgb(74,85,171)
```

Shade Color Variation

#535fb5
```
#535fb5 rgb(83,95,181)
```
#616bbb
```
#616bbb rgb(97,107,187)
```
#6e78c1
```
#6e78c1 rgb(110,120,193)
```
#7c85c7
```
#7c85c7 rgb(124,133,199)
```
#8a92cc
```
#8a92cc rgb(138,146,204)
```
#979fd2
```
#979fd2 rgb(151,159,210)
```
#a5abd8
```
#a5abd8 rgb(165,171,216)
```
#b3b8de
```
#b3b8de rgb(179,184,222)
```
#c1c5e4
```
#c1c5e4 rgb(193,197,228)
```
#ced2ea
```
#ced2ea rgb(206,210,234)
```
#dcdef0
```
#dcdef0 rgb(220,222,240)
```
#eaebf6
```
#eaebf6 rgb(234,235,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#48484a
```
#48484a rgb(72,72,74)
```
#424450
```
#424450 rgb(66,68,80)
```
#3d4055
```
#3d4055 rgb(61,64,85)
```
#373c5b
```
#373c5b rgb(55,60,91)
```
#323760
```
#323760 rgb(50,55,96)
```
#2c3366
```
#2c3366 rgb(44,51,102)
```
#262f6c
```
#262f6c rgb(38,47,108)
```
#212a71
```
#212a71 rgb(33,42,113)
```
#1b2677
```
#1b2677 rgb(27,38,119)
```
#16227c
```
#16227c rgb(22,34,124)
```
#101e82
```
#101e82 rgb(16,30,130)
```
#0a1988
```
#0a1988 rgb(10,25,136)
```
#05158d
```
#05158d rgb(5,21,141)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#353640 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284070 Protanopia 1% of men
#1b426b Deuteranopia 1% of men
#27464b Tritanopia 0.001% of the population

Trichromacy

#293b6c Protanomaly 1% of men, 0.01% of women
#213c69 Deuteranomaly 6% of men, 0.4% of women
#293f55 Tritanomaly 0.01% of the population

#2c3366 hex color

#2c3366 Color Information

#2c3366 Color Conversion

Color Schemes with #2c3366

Alternatives to #2c3366

#2c3366 Preview

Shades and Tints of #2c3366

Tones of #2c3366

Color Blindness Simulator