#2c5aa9 hex color

In a RGB color space, hex #2c5aa9 is composed of 17.3% red, 35.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 46.7% magenta, 0% yellow and 33.7% black. It has a hue angle of 217.9 degrees, a saturation of 58.7% and a lightness of 41.8%. #2c5aa9 color hex could be obtained by blending #58b4ff with #000053. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 35
- B 66
RGB color chart
- C 74
- M 47
- Y 0
- K 34
CMYK color chart

● #2c5aa9 color description : Dark blue.

The hexadecimal color #2c5aa9 has RGB values of R:44, G:90, B:169 and CMYK values of C:0.74, M:0.47, Y:0, K:0.34. Its decimal value is 2906793.

Hex triplet	2c5aa9	`#2c5aa9`
RGB Decimal	44, 90, 169	`rgb(44,90,169)`
RGB Percent	17.3, 35.3, 66.3	`rgb(17.3%,35.3%,66.3%)`
CMYK	74, 47, 0, 34
HSL	217.9°, 58.7, 41.8	`hsl(217.9,58.7%,41.8%)`
HSV (or HSB)	217.9°, 74, 66.3
Web Safe	336699	`#336699`

CIE-LAB	39.09, 12.358, -47.024
XYZ	11.855, 10.712, 38.977
xyY	0.193, 0.174, 10.712
CIE-LCH	39.09, 48.621, 284.725
CIE-LUV	39.09, -17.288, -68.749
Hunter-Lab	32.728, 7.381, -47.699
Binary	00101100, 01011010, 10101001

#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#a97b2c
```
#a97b2c rgb(169,123,44)
```

Complementary Color

#2c99a9
```
#2c99a9 rgb(44,153,169)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#3c2ca9
```
#3c2ca9 rgb(60,44,169)
```

Analogous Color

#99a92c
```
#99a92c rgb(153,169,44)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#a93d2c
```
#a93d2c rgb(169,61,44)
```

Split Complementary Color

#5aa92c
```
#5aa92c rgb(90,169,44)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#a92c5a
```
#a92c5a rgb(169,44,90)
```

Triadic Color

#2ca97b
```
#2ca97b rgb(44,169,123)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#a92c5a
```
#a92c5a rgb(169,44,90)
```
#a97b2c
```
#a97b2c rgb(169,123,44)
```

Tetradic Color

#1c3a6c
```
#1c3a6c rgb(28,58,108)
```
#214481
```
#214481 rgb(33,68,129)
```
#274f95
```
#274f95 rgb(39,79,149)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#3165bd
```
#3165bd rgb(49,101,189)
```
#3c71cc
```
#3c71cc rgb(60,113,204)
```
#5080d1
```
#5080d1 rgb(80,128,209)
```

Monochromatic Color

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

#2c79a9
```
#2c79a9 rgb(44,121,169)
```
#2c6fa9
```
#2c6fa9 rgb(44,111,169)
```
#2c64a9
```
#2c64a9 rgb(44,100,169)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#2c50a9
```
#2c50a9 rgb(44,80,169)
```
#2c45a9
```
#2c45a9 rgb(44,69,169)
```
#2c3ba9
```
#2c3ba9 rgb(44,59,169)
```

Similar Colors

Text with hexadecimal color #2c5aa9

This text has a font color of #2c5aa9.

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

#2c5aa9 background color

This paragraph has a background color of #2c5aa9.

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

#2c5aa9 border color

This element has a border color of #2c5aa9.

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

CSS codes

.text {color:#2c5aa9;}

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

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

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

#03070d
```
#03070d rgb(3,7,13)
```
#080f1d
```
#080f1d rgb(8,15,29)
```
#0c182c
```
#0c182c rgb(12,24,44)
```
#10203c
```
#10203c rgb(16,32,60)
```
#14284c
```
#14284c rgb(20,40,76)
```
#18315b
```
#18315b rgb(24,49,91)
```
#1c396b
```
#1c396b rgb(28,57,107)
```
#20417a
```
#20417a rgb(32,65,122)
```
#24498a
```
#24498a rgb(36,73,138)
```
#285299
```
#285299 rgb(40,82,153)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#3062b9
```
#3062b9 rgb(48,98,185)
```
#346bc8
```
#346bc8 rgb(52,107,200)
```

Shade Color Variation

#4275ce
```
#4275ce rgb(66,117,206)
```
#5281d2
```
#5281d2 rgb(82,129,210)
```
#618cd6
```
#618cd6 rgb(97,140,214)
```
#7197da
```
#7197da rgb(113,151,218)
```
#80a3de
```
#80a3de rgb(128,163,222)
```
#90aee2
```
#90aee2 rgb(144,174,226)
```
#9fb9e6
```
#9fb9e6 rgb(159,185,230)
```
#afc5ea
```
#afc5ea rgb(175,197,234)
```
#bfd0ee
```
#bfd0ee rgb(191,208,238)
```
#cedbf2
```
#cedbf2 rgb(206,219,242)
```
#dee7f6
```
#dee7f6 rgb(222,231,246)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#656970
```
#656970 rgb(101,105,112)
```
#5d6778
```
#5d6778 rgb(93,103,120)
```
#556580
```
#556580 rgb(85,101,128)
```
#4d6388
```
#4d6388 rgb(77,99,136)
```
#456090
```
#456090 rgb(69,96,144)
```
#3c5e99
```
#3c5e99 rgb(60,94,153)
```
#345ca1
```
#345ca1 rgb(52,92,161)
```
#2c5aa9
```
#2c5aa9 rgb(44,90,169)
```
#2458b1
```
#2458b1 rgb(36,88,177)
```
#1c56b9
```
#1c56b9 rgb(28,86,185)
```
#1354c2
```
#1354c2 rgb(19,84,194)
```
#0b51ca
```
#0b51ca rgb(11,81,202)
```
#034fd2
```
#034fd2 rgb(3,79,210)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b62ad Protanopia 1% of men
#0066aa Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#355fab Protanomaly 1% of men, 0.01% of women
#1061a9 Deuteranomaly 6% of men, 0.4% of women
#106688 Tritanomaly 0.01% of the population

#2c5aa9 hex color

#2c5aa9 Color Information

#2c5aa9 Color Conversion

Color Schemes with #2c5aa9

Alternatives to #2c5aa9

#2c5aa9 Preview

Shades and Tints of #2c5aa9

Tones of #2c5aa9

Color Blindness Simulator