#2c5993 hex color

In a RGB color space, hex #2c5993 is composed of 17.3% red, 34.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 39.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 213.8 degrees, a saturation of 53.9% and a lightness of 37.5%. #2c5993 color hex could be obtained by blending #58b2ff with #000027. Closest websafe color is: #336699.

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

● #2c5993 color description : Dark blue.

The hexadecimal color #2c5993 has RGB values of R:44, G:89, B:147 and CMYK values of C:0.7, M:0.39, Y:0, K:0.42. Its decimal value is 2906515.

Hex triplet	2c5993	`#2c5993`
RGB Decimal	44, 89, 147	`rgb(44,89,147)`
RGB Percent	17.3, 34.9, 57.6	`rgb(17.3%,34.9%,57.6%)`
CMYK	70, 39, 0, 42
HSL	213.8°, 53.9, 37.5	`hsl(213.8,53.9%,37.5%)`
HSV (or HSB)	213.8°, 70.1, 57.6
Web Safe	336699	`#336699`

CIE-LAB	37.456, 4.653, -36.471
XYZ	9.876, 9.786, 28.971
xyY	0.203, 0.201, 9.786
CIE-LCH	37.456, 36.766, 277.27
CIE-LUV	37.456, -17.36, -51.979
Hunter-Lab	31.283, 1.61, -33.01
Binary	00101100, 01011001, 10010011

#2c5993
```
#2c5993 rgb(44,89,147)
```
#93662c
```
#93662c rgb(147,102,44)
```

Complementary Color

#2c8d93
```
#2c8d93 rgb(44,141,147)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#322c93
```
#322c93 rgb(50,44,147)
```

Analogous Color

#8d932c
```
#8d932c rgb(141,147,44)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#93322c
```
#93322c rgb(147,50,44)
```

Split Complementary Color

#59932c
```
#59932c rgb(89,147,44)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#932c59
```
#932c59 rgb(147,44,89)
```

Triadic Color

#2c9366
```
#2c9366 rgb(44,147,102)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#932c59
```
#932c59 rgb(147,44,89)
```
#93662c
```
#93662c rgb(147,102,44)
```

Tetradic Color

#1a3558
```
#1a3558 rgb(26,53,88)
```
#20416c
```
#20416c rgb(32,65,108)
```
#264d7f
```
#264d7f rgb(38,77,127)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#3265a7
```
#3265a7 rgb(50,101,167)
```
#3871ba
```
#3871ba rgb(56,113,186)
```
#447dc7
```
#447dc7 rgb(68,125,199)
```

Monochromatic Color

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

#2c7393
```
#2c7393 rgb(44,115,147)
```
#2c6a93
```
#2c6a93 rgb(44,106,147)
```
#2c6293
```
#2c6293 rgb(44,98,147)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#2c5093
```
#2c5093 rgb(44,80,147)
```
#2c4893
```
#2c4893 rgb(44,72,147)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```

Similar Colors

Text with hexadecimal color #2c5993

This text has a font color of #2c5993.

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

#2c5993 background color

This paragraph has a background color of #2c5993.

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

#2c5993 border color

This element has a border color of #2c5993.

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

CSS codes

.text {color:#2c5993;}

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

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

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

#03070b
```
#03070b rgb(3,7,11)
```
#08101a
```
#08101a rgb(8,16,26)
```
#0c1929
```
#0c1929 rgb(12,25,41)
```
#112238
```
#112238 rgb(17,34,56)
```
#152b48
```
#152b48 rgb(21,43,72)
```
#1a3457
```
#1a3457 rgb(26,52,87)
```
#1e3e66
```
#1e3e66 rgb(30,62,102)
```
#234775
```
#234775 rgb(35,71,117)
```
#275084
```
#275084 rgb(39,80,132)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#3162a2
```
#3162a2 rgb(49,98,162)
```
#356bb1
```
#356bb1 rgb(53,107,177)
```
#3a74c0
```
#3a74c0 rgb(58,116,192)
```

Shade Color Variation

#467fc8
```
#467fc8 rgb(70,127,200)
```
#5589cc
```
#5589cc rgb(85,137,204)
```
#6493d1
```
#6493d1 rgb(100,147,209)
```
#739ed5
```
#739ed5 rgb(115,158,213)
```
#82a8da
```
#82a8da rgb(130,168,218)
```
#91b3de
```
#91b3de rgb(145,179,222)
```
#a0bde3
```
#a0bde3 rgb(160,189,227)
```
#b0c8e7
```
#b0c8e7 rgb(176,200,231)
```
#bfd2ec
```
#bfd2ec rgb(191,210,236)
```
#ceddf0
```
#ceddf0 rgb(206,221,240)
```
#dde7f5
```
#dde7f5 rgb(221,231,245)
```
#ecf2f9
```
#ecf2f9 rgb(236,242,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 #0754b8 is the most saturated one.

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#585f67
```
#585f67 rgb(88,95,103)
```
#515e6e
```
#515e6e rgb(81,94,110)
```
#495d76
```
#495d76 rgb(73,93,118)
```
#425c7d
```
#425c7d rgb(66,92,125)
```
#3b5b84
```
#3b5b84 rgb(59,91,132)
```
#335a8c
```
#335a8c rgb(51,90,140)
```
#2c5993
```
#2c5993 rgb(44,89,147)
```
#25589a
```
#25589a rgb(37,88,154)
```
#1d57a2
```
#1d57a2 rgb(29,87,162)
```
#1656a9
```
#1656a9 rgb(22,86,169)
```
#0f55b0
```
#0f55b0 rgb(15,85,176)
```
#0754b8
```
#0754b8 rgb(7,84,184)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#485f96 Protanopia 1% of men
#386198 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#3e5c95 Protanomaly 1% of men, 0.01% of women
#345e96 Deuteranomaly 6% of men, 0.4% of women
#10637d Tritanomaly 0.01% of the population

#2c5993 hex color

#2c5993 Color Information

#2c5993 Color Conversion

Color Schemes with #2c5993

Alternatives to #2c5993

#2c5993 Preview

Shades and Tints of #2c5993

Tones of #2c5993

Color Blindness Simulator