#2c3679 hex color

In a RGB color space, hex #2c3679 is composed of 17.3% red, 21.2% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 55.4% magenta, 0% yellow and 52.5% black. It has a hue angle of 232.2 degrees, a saturation of 46.7% and a lightness of 32.4%. #2c3679 color hex could be obtained by blending #586cf2 with #000000. Closest websafe color is: #333366.

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

● #2c3679 color description : Dark moderate blue.

The hexadecimal color #2c3679 has RGB values of R:44, G:54, B:121 and CMYK values of C:0.64, M:0.55, Y:0, K:0.53. Its decimal value is 2897529.

Hex triplet	2c3679	`#2c3679`
RGB Decimal	44, 54, 121	`rgb(44,54,121)`
RGB Percent	17.3, 21.2, 47.5	`rgb(17.3%,21.2%,47.5%)`
CMYK	64, 55, 0, 53
HSL	232.2°, 46.7, 32.4	`hsl(232.2,46.7%,32.4%)`
HSV (or HSB)	232.2°, 63.6, 47.5
Web Safe	333366	`#333366`

CIE-LAB	25.424, 18.39, -39.672
XYZ	5.808, 4.554, 18.661
xyY	0.2, 0.157, 4.554
CIE-LCH	25.424, 43.727, 294.87
CIE-LUV	25.424, -6.366, -50.67
Hunter-Lab	21.34, 11.239, -36.909
Binary	00101100, 00110110, 01111001

#2c3679
```
#2c3679 rgb(44,54,121)
```
#796f2c
```
#796f2c rgb(121,111,44)
```

Complementary Color

#2c5d79
```
#2c5d79 rgb(44,93,121)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#492c79
```
#492c79 rgb(73,44,121)
```

Analogous Color

#5d792c
```
#5d792c rgb(93,121,44)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#79492c
```
#79492c rgb(121,73,44)
```

Split Complementary Color

#36792c
```
#36792c rgb(54,121,44)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#792c36
```
#792c36 rgb(121,44,54)
```

Triadic Color

#2c796f
```
#2c796f rgb(44,121,111)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#792c36
```
#792c36 rgb(121,44,54)
```
#796f2c
```
#796f2c rgb(121,111,44)
```

Tetradic Color

#181d41
```
#181d41 rgb(24,29,65)
```
#1e2554
```
#1e2554 rgb(30,37,84)
```
#252e66
```
#252e66 rgb(37,46,102)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#333e8c
```
#333e8c rgb(51,62,140)
```
#3a479e
```
#3a479e rgb(58,71,158)
```
#404fb1
```
#404fb1 rgb(64,79,177)
```

Monochromatic Color

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

#2c4979
```
#2c4979 rgb(44,73,121)
```
#2c4379
```
#2c4379 rgb(44,67,121)
```
#2c3c79
```
#2c3c79 rgb(44,60,121)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#2c3079
```
#2c3079 rgb(44,48,121)
```
#2f2c79
```
#2f2c79 rgb(47,44,121)
```
#352c79
```
#352c79 rgb(53,44,121)
```

Similar Colors

Text with hexadecimal color #2c3679

This text has a font color of #2c3679.

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

#2c3679 background color

This paragraph has a background color of #2c3679.

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

#2c3679 border color

This element has a border color of #2c3679.

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

CSS codes

.text {color:#2c3679;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070914
```
#070914 rgb(7,9,20)
```
#0d0f23
```
#0d0f23 rgb(13,15,35)
```
#121631
```
#121631 rgb(18,22,49)
```
#171c3f
```
#171c3f rgb(23,28,63)
```
#1c234e
```
#1c234e rgb(28,35,78)
```
#22295c
```
#22295c rgb(34,41,92)
```
#27306b
```
#27306b rgb(39,48,107)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#364396
```
#364396 rgb(54,67,150)
```
#3c49a4
```
#3c49a4 rgb(60,73,164)
```
#4150b3
```
#4150b3 rgb(65,80,179)
```

Shade Color Variation

#4a59bd
```
#4a59bd rgb(74,89,189)
```
#5866c2
```
#5866c2 rgb(88,102,194)
```
#6773c8
```
#6773c8 rgb(103,115,200)
```
#7580cd
```
#7580cd rgb(117,128,205)
```
#838ed2
```
#838ed2 rgb(131,142,210)
```
#929bd7
```
#929bd7 rgb(146,155,215)
```
#a0a8dd
```
#a0a8dd rgb(160,168,221)
```
#afb5e2
```
#afb5e2 rgb(175,181,226)
```
#bdc2e7
```
#bdc2e7 rgb(189,194,231)
```
#cbd0ec
```
#cbd0ec rgb(203,208,236)
```
#daddf1
```
#daddf1 rgb(218,221,241)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#525253
```
#525253 rgb(82,82,83)
```
#4c4d59
```
#4c4d59 rgb(76,77,89)
```
#454960
```
#454960 rgb(69,73,96)
```
#3f4466
```
#3f4466 rgb(63,68,102)
```
#393f6c
```
#393f6c rgb(57,63,108)
```
#323b73
```
#323b73 rgb(50,59,115)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#26317f
```
#26317f rgb(38,49,127)
```
#1f2d86
```
#1f2d86 rgb(31,45,134)
```
#19288c
```
#19288c rgb(25,40,140)
```
#132392
```
#132392 rgb(19,35,146)
```
#0c1f99
```
#0c1f99 rgb(12,31,153)
```
#061a9f
```
#061a9f rgb(6,26,159)
```

Tone Color Variation

Below, you can see how #2c3679 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
#383a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#154483 Protanopia 1% of men
#004776 Deuteranopia 1% of men
#174c52 Tritanopia 0.001% of the population

Trichromacy

#1d3f7f Protanomaly 1% of men, 0.01% of women
#104177 Deuteranomaly 6% of men, 0.4% of women
#1e4460 Tritanomaly 0.01% of the population

#2c3679 hex color

#2c3679 Color Information

#2c3679 Color Conversion

Color Schemes with #2c3679

Alternatives to #2c3679

#2c3679 Preview

Shades and Tints of #2c3679

Tones of #2c3679

Color Blindness Simulator