#2c4593 hex color

In a RGB color space, hex #2c4593 is composed of 17.3% red, 27.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 53.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 225.4 degrees, a saturation of 53.9% and a lightness of 37.5%. #2c4593 color hex could be obtained by blending #588aff with #000027. Closest websafe color is: #333399.

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

● #2c4593 color description : Dark blue.

The hexadecimal color #2c4593 has RGB values of R:44, G:69, B:147 and CMYK values of C:0.7, M:0.53, Y:0, K:0.42. Its decimal value is 2901395.

Hex triplet	2c4593	`#2c4593`
RGB Decimal	44, 69, 147	`rgb(44,69,147)`
RGB Percent	17.3, 27.1, 57.6	`rgb(17.3%,27.1%,57.6%)`
CMYK	70, 53, 0, 42
HSL	225.4°, 53.9, 37.5	`hsl(225.4,53.9%,37.5%)`
HSV (or HSB)	225.4°, 70.1, 57.6
Web Safe	333399	`#333399`

CIE-LAB	31.573, 17.943, -45.897
XYZ	8.432, 6.898, 28.489
xyY	0.192, 0.157, 6.898
CIE-LCH	31.573, 49.28, 291.353
CIE-LUV	31.573, -11.06, -63.125
Hunter-Lab	26.264, 11.348, -45.93
Binary	00101100, 01000101, 10010011

#2c4593
```
#2c4593 rgb(44,69,147)
```
#937a2c
```
#937a2c rgb(147,122,44)
```

Complementary Color

#2c7993
```
#2c7993 rgb(44,121,147)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#472c93
```
#472c93 rgb(71,44,147)
```

Analogous Color

#79932c
```
#79932c rgb(121,147,44)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#93472c
```
#93472c rgb(147,71,44)
```

Split Complementary Color

#45932c
```
#45932c rgb(69,147,44)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#932c45
```
#932c45 rgb(147,44,69)
```

Triadic Color

#2c937a
```
#2c937a rgb(44,147,122)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#932c45
```
#932c45 rgb(147,44,69)
```
#937a2c
```
#937a2c rgb(147,122,44)
```

Tetradic Color

#1a2958
```
#1a2958 rgb(26,41,88)
```
#20336c
```
#20336c rgb(32,51,108)
```
#263c7f
```
#263c7f rgb(38,60,127)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#324ea7
```
#324ea7 rgb(50,78,167)
```
#3857ba
```
#3857ba rgb(56,87,186)
```
#4464c7
```
#4464c7 rgb(68,100,199)
```

Monochromatic Color

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

#2c5f93
```
#2c5f93 rgb(44,95,147)
```
#2c5693
```
#2c5693 rgb(44,86,147)
```
#2c4e93
```
#2c4e93 rgb(44,78,147)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#2c3c93
```
#2c3c93 rgb(44,60,147)
```
#2c3493
```
#2c3493 rgb(44,52,147)
```
#2d2c93
```
#2d2c93 rgb(45,44,147)
```

Similar Colors

Text with hexadecimal color #2c4593

This text has a font color of #2c4593.

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

#2c4593 background color

This paragraph has a background color of #2c4593.

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

#2c4593 border color

This element has a border color of #2c4593.

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

CSS codes

.text {color:#2c4593;}

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

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

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, #03050b is the darkest color, while #fbfcfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#080c1a
```
#080c1a rgb(8,12,26)
```
#0c1329
```
#0c1329 rgb(12,19,41)
```
#111a38
```
#111a38 rgb(17,26,56)
```
#152248
```
#152248 rgb(21,34,72)
```
#1a2957
```
#1a2957 rgb(26,41,87)
```
#1e3066
```
#1e3066 rgb(30,48,102)
```
#233775
```
#233775 rgb(35,55,117)
```
#273e84
```
#273e84 rgb(39,62,132)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#314ca2
```
#314ca2 rgb(49,76,162)
```
#3553b1
```
#3553b1 rgb(53,83,177)
```
#3a5ac0
```
#3a5ac0 rgb(58,90,192)
```

Shade Color Variation

#4665c8
```
#4665c8 rgb(70,101,200)
```
#5572cc
```
#5572cc rgb(85,114,204)
```
#647ed1
```
#647ed1 rgb(100,126,209)
```
#738bd5
```
#738bd5 rgb(115,139,213)
```
#8297da
```
#8297da rgb(130,151,218)
```
#91a4de
```
#91a4de rgb(145,164,222)
```
#a0b1e3
```
#a0b1e3 rgb(160,177,227)
```
#b0bde7
```
#b0bde7 rgb(176,189,231)
```
#bfcaec
```
#bfcaec rgb(191,202,236)
```
#ced6f0
```
#ced6f0 rgb(206,214,240)
```
#dde3f5
```
#dde3f5 rgb(221,227,245)
```
#eceff9
```
#eceff9 rgb(236,239,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5f60 is the less saturated color, while #0732b8 is the most saturated one.

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#585c67
```
#585c67 rgb(88,92,103)
```
#51586e
```
#51586e rgb(81,88,110)
```
#495476
```
#495476 rgb(73,84,118)
```
#42507d
```
#42507d rgb(66,80,125)
```
#3b4d84
```
#3b4d84 rgb(59,77,132)
```
#33498c
```
#33498c rgb(51,73,140)
```
#2c4593
```
#2c4593 rgb(44,69,147)
```
#25419a
```
#25419a rgb(37,65,154)
```
#1d3da2
```
#1d3da2 rgb(29,61,162)
```
#163aa9
```
#163aa9 rgb(22,58,169)
```
#0f36b0
```
#0f36b0 rgb(15,54,176)
```
#0732b8
```
#0732b8 rgb(7,50,184)
```

Tone Color Variation

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

Dichromacy

#1d519a Protanopia 1% of men
#00558c Deuteranopia 1% of men
#005b62 Tritanopia 0.001% of the population

Trichromacy

#224c98 Protanomaly 1% of men, 0.01% of women
#104f8e Deuteranomaly 6% of men, 0.4% of women
#105373 Tritanomaly 0.01% of the population

#2c4593 hex color

#2c4593 Color Information

#2c4593 Color Conversion

Color Schemes with #2c4593

Alternatives to #2c4593

#2c4593 Preview

Shades and Tints of #2c4593

Tones of #2c4593

Color Blindness Simulator