#2c5499 hex color

In a RGB color space, hex #2c5499 is composed of 17.3% red, 32.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 45.1% magenta, 0% yellow and 40% black. It has a hue angle of 218 degrees, a saturation of 55.3% and a lightness of 38.6%. #2c5499 color hex could be obtained by blending #58a8ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 33
- B 60
RGB color chart
- C 71
- M 45
- Y 0
- K 40
CMYK color chart

● #2c5499 color description : Dark blue.

The hexadecimal color #2c5499 has RGB values of R:44, G:84, B:153 and CMYK values of C:0.71, M:0.45, Y:0, K:0.4. Its decimal value is 2905241.

Hex triplet	2c5499	`#2c5499`
RGB Decimal	44, 84, 153	`rgb(44,84,153)`
RGB Percent	17.3, 32.9, 60	`rgb(17.3%,32.9%,60%)`
CMYK	71, 45, 0, 40
HSL	218°, 55.3, 38.6	`hsl(218,55.3%,38.6%)`
HSV (or HSB)	218°, 71.2, 60
Web Safe	336699	`#336699`

CIE-LAB	36.32, 10.192, -41.903
XYZ	9.958, 9.175, 31.381
xyY	0.197, 0.182, 9.175
CIE-LCH	36.32, 43.125, 283.67
CIE-LUV	36.32, -15.614, -59.835
Hunter-Lab	30.291, 5.67, -40.221
Binary	00101100, 01010100, 10011001

#2c5499
```
#2c5499 rgb(44,84,153)
```
#99712c
```
#99712c rgb(153,113,44)
```

Complementary Color

#2c8b99
```
#2c8b99 rgb(44,139,153)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#3a2c99
```
#3a2c99 rgb(58,44,153)
```

Analogous Color

#8b992c
```
#8b992c rgb(139,153,44)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#993b2c
```
#993b2c rgb(153,59,44)
```

Split Complementary Color

#54992c
```
#54992c rgb(84,153,44)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#992c54
```
#992c54 rgb(153,44,84)
```

Triadic Color

#2c9971
```
#2c9971 rgb(44,153,113)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#992c54
```
#992c54 rgb(153,44,84)
```
#99712c
```
#99712c rgb(153,113,44)
```

Tetradic Color

#1b335e
```
#1b335e rgb(27,51,94)
```
#213e71
```
#213e71 rgb(33,62,113)
```
#264985
```
#264985 rgb(38,73,133)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#325fad
```
#325fad rgb(50,95,173)
```
#376ac1
```
#376ac1 rgb(55,106,193)
```
#4777ca
```
#4777ca rgb(71,119,202)
```

Monochromatic Color

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

#2c6f99
```
#2c6f99 rgb(44,111,153)
```
#2c6699
```
#2c6699 rgb(44,102,153)
```
#2c5d99
```
#2c5d99 rgb(44,93,153)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#2c4b99
```
#2c4b99 rgb(44,75,153)
```
#2c4299
```
#2c4299 rgb(44,66,153)
```
#2c3999
```
#2c3999 rgb(44,57,153)
```

Similar Colors

Text with hexadecimal color #2c5499

This text has a font color of #2c5499.

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

#2c5499 background color

This paragraph has a background color of #2c5499.

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

#2c5499 border color

This element has a border color of #2c5499.

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

CSS codes

.text {color:#2c5499;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050910
```
#050910 rgb(5,9,16)
```
#09111f
```
#09111f rgb(9,17,31)
```
#0d192e
```
#0d192e rgb(13,25,46)
```
#12223e
```
#12223e rgb(18,34,62)
```
#162a4d
```
#162a4d rgb(22,42,77)
```
#1a335c
```
#1a335c rgb(26,51,92)
```
#1f3b6b
```
#1f3b6b rgb(31,59,107)
```
#23437b
```
#23437b rgb(35,67,123)
```
#284c8a
```
#284c8a rgb(40,76,138)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#305ca8
```
#305ca8 rgb(48,92,168)
```
#3565b7
```
#3565b7 rgb(53,101,183)
```

Shade Color Variation

#3a6dc6
```
#3a6dc6 rgb(58,109,198)
```
#4978cb
```
#4978cb rgb(73,120,203)
```
#5884cf
```
#5884cf rgb(88,132,207)
```
#678fd3
```
#678fd3 rgb(103,143,211)
```
#779ad8
```
#779ad8 rgb(119,154,216)
```
#86a5dc
```
#86a5dc rgb(134,165,220)
```
#95b1e1
```
#95b1e1 rgb(149,177,225)
```
#a4bce5
```
#a4bce5 rgb(164,188,229)
```
#b3c7e9
```
#b3c7e9 rgb(179,199,233)
```
#c3d2ee
```
#c3d2ee rgb(195,210,238)
```
#d2def2
```
#d2def2 rgb(210,222,242)
```
#e1e9f6
```
#e1e9f6 rgb(225,233,246)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

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

#616264
```
#616264 rgb(97,98,100)
```
#59606c
```
#59606c rgb(89,96,108)
```
#525e73
```
#525e73 rgb(82,94,115)
```
#4a5c7b
```
#4a5c7b rgb(74,92,123)
```
#435a82
```
#435a82 rgb(67,90,130)
```
#3b588a
```
#3b588a rgb(59,88,138)
```
#345691
```
#345691 rgb(52,86,145)
```
#2c5499
```
#2c5499 rgb(44,84,153)
```
#2452a1
```
#2452a1 rgb(36,82,161)
```
#1d50a8
```
#1d50a8 rgb(29,80,168)
```
#154eb0
```
#154eb0 rgb(21,78,176)
```
#0e4cb7
```
#0e4cb7 rgb(14,76,183)
```
#064abf
```
#064abf rgb(6,74,191)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#49515f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5c9d Protanopia 1% of men
#1f5f9d Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#36599b Protanomaly 1% of men, 0.01% of women
#235b9b Deuteranomaly 6% of men, 0.4% of women
#10607e Tritanomaly 0.01% of the population

#2c5499 hex color

#2c5499 Color Information

#2c5499 Color Conversion

Color Schemes with #2c5499

Alternatives to #2c5499

#2c5499 Preview

Shades and Tints of #2c5499

Tones of #2c5499

Color Blindness Simulator