#2c5a84 hex color

In a RGB color space, hex #2c5a84 is composed of 17.3% red, 35.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 31.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 208.6 degrees, a saturation of 50% and a lightness of 34.5%. #2c5a84 color hex could be obtained by blending #58b4ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 35
- B 52
RGB color chart
- C 67
- M 32
- Y 0
- K 48
CMYK color chart

● #2c5a84 color description : Dark moderate blue.

The hexadecimal color #2c5a84 has RGB values of R:44, G:90, B:132 and CMYK values of C:0.67, M:0.32, Y:0, K:0.48. Its decimal value is 2906756.

Hex triplet	2c5a84	`#2c5a84`
RGB Decimal	44, 90, 132	`rgb(44,90,132)`
RGB Percent	17.3, 35.3, 51.8	`rgb(17.3%,35.3%,51.8%)`
CMYK	67, 32, 0, 48
HSL	208.6°, 50, 34.5	`hsl(208.6,50%,34.5%)`
HSV (or HSB)	208.6°, 66.7, 51.8
Web Safe	336699	`#336699`

CIE-LAB	36.954, -1.552, -28.152
XYZ	8.859, 9.513, 23.198
xyY	0.213, 0.229, 9.513
CIE-LCH	36.954, 28.195, 266.844
CIE-LUV	36.954, -18.067, -39.002
Hunter-Lab	30.843, -2.708, -23.003
Binary	00101100, 01011010, 10000100

#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#84562c
```
#84562c rgb(132,86,44)
```

Complementary Color

#2c8482
```
#2c8482 rgb(44,132,130)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#2c2e84
```
#2c2e84 rgb(44,46,132)
```

Analogous Color

#84822c
```
#84822c rgb(132,130,44)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#842c2e
```
#842c2e rgb(132,44,46)
```

Split Complementary Color

#5a842c
```
#5a842c rgb(90,132,44)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#842c5a
```
#842c5a rgb(132,44,90)
```

Triadic Color

#2c8456
```
#2c8456 rgb(44,132,86)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#842c5a
```
#842c5a rgb(132,44,90)
```
#84562c
```
#84562c rgb(132,86,44)
```

Tetradic Color

#19334b
```
#19334b rgb(25,51,75)
```
#1f405e
```
#1f405e rgb(31,64,94)
```
#264d71
```
#264d71 rgb(38,77,113)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#326797
```
#326797 rgb(50,103,151)
```
#3974aa
```
#3974aa rgb(57,116,170)
```
#3f81bd
```
#3f81bd rgb(63,129,189)
```

Monochromatic Color

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

#2c7084
```
#2c7084 rgb(44,112,132)
```
#2c6984
```
#2c6984 rgb(44,105,132)
```
#2c6184
```
#2c6184 rgb(44,97,132)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#2c5384
```
#2c5384 rgb(44,83,132)
```
#2c4b84
```
#2c4b84 rgb(44,75,132)
```
#2c4484
```
#2c4484 rgb(44,68,132)
```

Similar Colors

Text with hexadecimal color #2c5a84

This text has a font color of #2c5a84.

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

#2c5a84 background color

This paragraph has a background color of #2c5a84.

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

#2c5a84 border color

This element has a border color of #2c5a84.

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

CSS codes

.text {color:#2c5a84;}

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

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

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, #050a0e is the darkest color, while #ffffff is the lightest one.

#050a0e
```
#050a0e rgb(5,10,14)
```
#0a141d
```
#0a141d rgb(10,20,29)
```
#0f1e2c
```
#0f1e2c rgb(15,30,44)
```
#13283a
```
#13283a rgb(19,40,58)
```
#183249
```
#183249 rgb(24,50,73)
```
#1d3c58
```
#1d3c58 rgb(29,60,88)
```
#224667
```
#224667 rgb(34,70,103)
```
#275075
```
#275075 rgb(39,80,117)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#316493
```
#316493 rgb(49,100,147)
```
#366ea1
```
#366ea1 rgb(54,110,161)
```
#3b78b0
```
#3b78b0 rgb(59,120,176)
```
#4082bf
```
#4082bf rgb(64,130,191)
```

Shade Color Variation

#4e8cc4
```
#4e8cc4 rgb(78,140,196)
```
#5d95c9
```
#5d95c9 rgb(93,149,201)
```
#6b9fce
```
#6b9fce rgb(107,159,206)
```
#7aa8d3
```
#7aa8d3 rgb(122,168,211)
```
#89b2d8
```
#89b2d8 rgb(137,178,216)
```
#98bcdd
```
#98bcdd rgb(152,188,221)
```
#a6c5e1
```
#a6c5e1 rgb(166,197,225)
```
#b5cfe6
```
#b5cfe6 rgb(181,207,230)
```
#c4d8eb
```
#c4d8eb rgb(196,216,235)
```
#d2e2f0
```
#d2e2f0 rgb(210,226,240)
```
#e1ecf5
```
#e1ecf5 rgb(225,236,245)
```
#f0f5fa
```
#f0f5fa rgb(240,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55585b is the less saturated color, while #035cad is the most saturated one.

#55585b
```
#55585b rgb(85,88,91)
```
#4e5862
```
#4e5862 rgb(78,88,98)
```
#475969
```
#475969 rgb(71,89,105)
```
#405970
```
#405970 rgb(64,89,112)
```
#3a5976
```
#3a5976 rgb(58,89,118)
```
#335a7d
```
#335a7d rgb(51,90,125)
```
#2c5a84
```
#2c5a84 rgb(44,90,132)
```
#255a8b
```
#255a8b rgb(37,90,139)
```
#1e5b92
```
#1e5b92 rgb(30,91,146)
```
#185b98
```
#185b98 rgb(24,91,152)
```
#115b9f
```
#115b9f rgb(17,91,159)
```
#0a5ca6
```
#0a5ca6 rgb(10,92,166)
```
#035cad
```
#035cad rgb(3,92,173)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a535b Atypical Achromatopsia 0.001% of the population

Dichromacy

#515e87 Protanopia 1% of men
#485f8b Deuteranopia 1% of men
#23686f Tritanopia 0.001% of the population

Trichromacy

#435c86 Protanomaly 1% of men, 0.01% of women
#3e5d88 Deuteranomaly 6% of men, 0.4% of women
#266277 Tritanomaly 0.01% of the population

#2c5a84 hex color

#2c5a84 Color Information

#2c5a84 Color Conversion

Color Schemes with #2c5a84

Alternatives to #2c5a84

#2c5a84 Preview

Shades and Tints of #2c5a84

Tones of #2c5a84

Color Blindness Simulator