#2c5a90 hex color

In a RGB color space, hex #2c5a90 is composed of 17.3% red, 35.3% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 37.5% magenta, 0% yellow and 43.5% black. It has a hue angle of 212.4 degrees, a saturation of 53.2% and a lightness of 36.9%. #2c5a90 color hex could be obtained by blending #58b4ff with #000021. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 35
- B 56
RGB color chart
- C 69
- M 38
- Y 0
- K 44
CMYK color chart

● #2c5a90 color description : Dark moderate blue.

The hexadecimal color #2c5a90 has RGB values of R:44, G:90, B:144 and CMYK values of C:0.69, M:0.38, Y:0, K:0.44. Its decimal value is 2906768.

Hex triplet	2c5a90	`#2c5a90`
RGB Decimal	44, 90, 144	`rgb(44,90,144)`
RGB Percent	17.3, 35.3, 56.5	`rgb(17.3%,35.3%,56.5%)`
CMYK	69, 38, 0, 44
HSL	212.4°, 53.2, 36.9	`hsl(212.4,53.2%,36.9%)`
HSV (or HSB)	212.4°, 69.4, 56.5
Web Safe	336699	`#336699`

CIE-LAB	37.591, 2.884, -34.442
XYZ	9.728, 9.861, 27.775
xyY	0.205, 0.208, 9.861
CIE-LCH	37.591, 34.563, 274.786
CIE-LUV	37.591, -17.768, -48.886
Hunter-Lab	31.402, 0.343, -30.46
Binary	00101100, 01011010, 10010000

#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#90622c
```
#90622c rgb(144,98,44)
```

Complementary Color

#2c8c90
```
#2c8c90 rgb(44,140,144)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#302c90
```
#302c90 rgb(48,44,144)
```

Analogous Color

#8c902c
```
#8c902c rgb(140,144,44)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#90302c
```
#90302c rgb(144,48,44)
```

Split Complementary Color

#5a902c
```
#5a902c rgb(90,144,44)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#902c5a
```
#902c5a rgb(144,44,90)
```

Triadic Color

#2c9062
```
#2c9062 rgb(44,144,98)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#902c5a
```
#902c5a rgb(144,44,90)
```
#90622c
```
#90622c rgb(144,98,44)
```

Tetradic Color

#1a3555
```
#1a3555 rgb(26,53,85)
```
#204269
```
#204269 rgb(32,66,105)
```
#264e7c
```
#264e7c rgb(38,78,124)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#3266a4
```
#3266a4 rgb(50,102,164)
```
#3872b7
```
#3872b7 rgb(56,114,183)
```
#437fc6
```
#437fc6 rgb(67,127,198)
```

Monochromatic Color

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

#2c7390
```
#2c7390 rgb(44,115,144)
```
#2c6b90
```
#2c6b90 rgb(44,107,144)
```
#2c6290
```
#2c6290 rgb(44,98,144)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#2c5290
```
#2c5290 rgb(44,82,144)
```
#2c4990
```
#2c4990 rgb(44,73,144)
```
#2c4190
```
#2c4190 rgb(44,65,144)
```

Similar Colors

Text with hexadecimal color #2c5a90

This text has a font color of #2c5a90.

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

#2c5a90 background color

This paragraph has a background color of #2c5a90.

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

#2c5a90 border color

This element has a border color of #2c5a90.

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

CSS codes

.text {color:#2c5a90;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070f18
```
#070f18 rgb(7,15,24)
```
#0c1827
```
#0c1827 rgb(12,24,39)
```
#102236
```
#102236 rgb(16,34,54)
```
#152b45
```
#152b45 rgb(21,43,69)
```
#1a3454
```
#1a3454 rgb(26,52,84)
```
#1e3e63
```
#1e3e63 rgb(30,62,99)
```
#234772
```
#234772 rgb(35,71,114)
```
#275181
```
#275181 rgb(39,81,129)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#31639f
```
#31639f rgb(49,99,159)
```
#356dae
```
#356dae rgb(53,109,174)
```
#3a76bd
```
#3a76bd rgb(58,118,189)
```

Shade Color Variation

#4480c6
```
#4480c6 rgb(68,128,198)
```
#538acb
```
#538acb rgb(83,138,203)
```
#6394cf
```
#6394cf rgb(99,148,207)
```
#729fd4
```
#729fd4 rgb(114,159,212)
```
#81a9d8
```
#81a9d8 rgb(129,169,216)
```
#90b3dd
```
#90b3dd rgb(144,179,221)
```
#9fbde2
```
#9fbde2 rgb(159,189,226)
```
#aec8e6
```
#aec8e6 rgb(174,200,230)
```
#bdd2eb
```
#bdd2eb rgb(189,210,235)
```
#ccdcef
```
#ccdcef rgb(204,220,239)
```
#dbe6f4
```
#dbe6f4 rgb(219,230,244)
```
#eaf1f9
```
#eaf1f9 rgb(234,241,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d65 is the less saturated color, while #0157bb is the most saturated one.

#575d65
```
#575d65 rgb(87,93,101)
```
#505d6c
```
#505d6c rgb(80,93,108)
```
#495c73
```
#495c73 rgb(73,92,115)
```
#425c7a
```
#425c7a rgb(66,92,122)
```
#3a5b82
```
#3a5b82 rgb(58,91,130)
```
#335b89
```
#335b89 rgb(51,91,137)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#255997
```
#255997 rgb(37,89,151)
```
#1e599e
```
#1e599e rgb(30,89,158)
```
#1658a6
```
#1658a6 rgb(22,88,166)
```
#0f58ad
```
#0f58ad rgb(15,88,173)
```
#0857b4
```
#0857b4 rgb(8,87,180)
```
#0157bb
```
#0157bb rgb(1,87,187)
```

Tone Color Variation

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

Dichromacy

#4b5f93 Protanopia 1% of men
#3e6196 Deuteranopia 1% of men
#116a72 Tritanopia 0.001% of the population

Trichromacy

#405d92 Protanomaly 1% of men, 0.01% of women
#375e93 Deuteranomaly 6% of men, 0.4% of women
#1b647d Tritanomaly 0.01% of the population

#2c5a90 hex color

#2c5a90 Color Information

#2c5a90 Color Conversion

Color Schemes with #2c5a90

Alternatives to #2c5a90

#2c5a90 Preview

Shades and Tints of #2c5a90

Tones of #2c5a90

Color Blindness Simulator