#2c4495 hex color

In a RGB color space, hex #2c4495 is composed of 17.3% red, 26.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 54.4% magenta, 0% yellow and 41.6% black. It has a hue angle of 226.3 degrees, a saturation of 54.4% and a lightness of 37.8%. #2c4495 color hex could be obtained by blending #5888ff with #00002b. Closest websafe color is: #333399.

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

● #2c4495 color description : Dark blue.

The hexadecimal color #2c4495 has RGB values of R:44, G:68, B:149 and CMYK values of C:0.7, M:0.54, Y:0, K:0.42. Its decimal value is 2901141.

Hex triplet	2c4495	`#2c4495`
RGB Decimal	44, 68, 149	`rgb(44,68,149)`
RGB Percent	17.3, 26.7, 58.4	`rgb(17.3%,26.7%,58.4%)`
CMYK	70, 54, 0, 42
HSL	226.3°, 54.4, 37.8	`hsl(226.3,54.4%,37.8%)`
HSV (or HSB)	226.3°, 70.5, 58.4
Web Safe	333399	`#333399`

CIE-LAB	31.438, 19.381, -47.336
XYZ	8.53, 6.839, 29.303
xyY	0.191, 0.153, 6.839
CIE-LCH	31.438, 51.15, 292.266
CIE-LUV	31.438, -10.795, -65.01
Hunter-Lab	26.152, 12.453, -48.128
Binary	00101100, 01000100, 10010101

#2c4495
```
#2c4495 rgb(44,68,149)
```
#957d2c
```
#957d2c rgb(149,125,44)
```

Complementary Color

#2c7995
```
#2c7995 rgb(44,121,149)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#492c95
```
#492c95 rgb(73,44,149)
```

Analogous Color

#79952c
```
#79952c rgb(121,149,44)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#95492c
```
#95492c rgb(149,73,44)
```

Split Complementary Color

#44952c
```
#44952c rgb(68,149,44)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#952c44
```
#952c44 rgb(149,44,68)
```

Triadic Color

#2c957d
```
#2c957d rgb(44,149,125)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#952c44
```
#952c44 rgb(149,44,68)
```
#957d2c
```
#957d2c rgb(149,125,44)
```

Tetradic Color

#1b295a
```
#1b295a rgb(27,41,90)
```
#20326e
```
#20326e rgb(32,50,110)
```
#263b81
```
#263b81 rgb(38,59,129)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#324da9
```
#324da9 rgb(50,77,169)
```
#3856bc
```
#3856bc rgb(56,86,188)
```
#4563c8
```
#4563c8 rgb(69,99,200)
```

Monochromatic Color

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

#2c5e95
```
#2c5e95 rgb(44,94,149)
```
#2c5695
```
#2c5695 rgb(44,86,149)
```
#2c4d95
```
#2c4d95 rgb(44,77,149)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#2c3b95
```
#2c3b95 rgb(44,59,149)
```
#2c3395
```
#2c3395 rgb(44,51,149)
```
#2e2c95
```
#2e2c95 rgb(46,44,149)
```

Similar Colors

Text with hexadecimal color #2c4495

This text has a font color of #2c4495.

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

#2c4495 background color

This paragraph has a background color of #2c4495.

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

#2c4495 border color

This element has a border color of #2c4495.

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

CSS codes

.text {color:#2c4495;}

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

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

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, #04060d is the darkest color, while #fdfdfe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#080d1c
```
#080d1c rgb(8,13,28)
```
#0d142b
```
#0d142b rgb(13,20,43)
```
#111b3a
```
#111b3a rgb(17,27,58)
```
#162149
```
#162149 rgb(22,33,73)
```
#1a2858
```
#1a2858 rgb(26,40,88)
```
#1f2f68
```
#1f2f68 rgb(31,47,104)
```
#233677
```
#233677 rgb(35,54,119)
```
#283d86
```
#283d86 rgb(40,61,134)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#304ba4
```
#304ba4 rgb(48,75,164)
```
#3552b3
```
#3552b3 rgb(53,82,179)
```
#3959c2
```
#3959c2 rgb(57,89,194)
```

Shade Color Variation

#4765c9
```
#4765c9 rgb(71,101,201)
```
#5671cd
```
#5671cd rgb(86,113,205)
```
#657ed2
```
#657ed2 rgb(101,126,210)
```
#748bd6
```
#748bd6 rgb(116,139,214)
```
#8397db
```
#8397db rgb(131,151,219)
```
#93a4df
```
#93a4df rgb(147,164,223)
```
#a2b1e3
```
#a2b1e3 rgb(162,177,227)
```
#b1bde8
```
#b1bde8 rgb(177,189,232)
```
#c0caec
```
#c0caec rgb(192,202,236)
```
#cfd7f1
```
#cfd7f1 rgb(207,215,241)
```
#dee4f5
```
#dee4f5 rgb(222,228,245)
```
#edf0fa
```
#edf0fa rgb(237,240,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#606061
```
#606061 rgb(96,96,97)
```
#595c68
```
#595c68 rgb(89,92,104)
```
#515870
```
#515870 rgb(81,88,112)
```
#4a5477
```
#4a5477 rgb(74,84,119)
```
#42507f
```
#42507f rgb(66,80,127)
```
#3b4c86
```
#3b4c86 rgb(59,76,134)
```
#33488e
```
#33488e rgb(51,72,142)
```
#2c4495
```
#2c4495 rgb(44,68,149)
```
#25409c
```
#25409c rgb(37,64,156)
```
#1d3ca4
```
#1d3ca4 rgb(29,60,164)
```
#1638ab
```
#1638ab rgb(22,56,171)
```
#0e34b3
```
#0e34b3 rgb(14,52,179)
```
#0730ba
```
#0730ba rgb(7,48,186)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#12509d Protanopia 1% of men
#00558b Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#1b4c9a Protanomaly 1% of men, 0.01% of women
#104e8f Deuteranomaly 6% of men, 0.4% of women
#105274 Tritanomaly 0.01% of the population

#2c4495 hex color

#2c4495 Color Information

#2c4495 Color Conversion

Color Schemes with #2c4495

Alternatives to #2c4495

#2c4495 Preview

Shades and Tints of #2c4495

Tones of #2c4495

Color Blindness Simulator