#2c5984 hex color

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

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

● #2c5984 color description : Dark moderate blue.

The hexadecimal color #2c5984 has RGB values of R:44, G:89, B:132 and CMYK values of C:0.67, M:0.33, Y:0, K:0.48. Its decimal value is 2906500.

Hex triplet	2c5984	`#2c5984`
RGB Decimal	44, 89, 132	`rgb(44,89,132)`
RGB Percent	17.3, 34.9, 51.8	`rgb(17.3%,34.9%,51.8%)`
CMYK	67, 33, 0, 48
HSL	209.3°, 50, 34.5	`hsl(209.3,50%,34.5%)`
HSV (or HSB)	209.3°, 66.7, 51.8
Web Safe	336699	`#336699`

CIE-LAB	36.641, -0.921, -28.643
XYZ	8.775, 9.346, 23.17
xyY	0.213, 0.226, 9.346
CIE-LCH	36.641, 28.658, 268.159
CIE-LUV	36.641, -17.709, -39.697
Hunter-Lab	30.571, -2.262, -23.538
Binary	00101100, 01011001, 10000100

#2c5984
```
#2c5984 rgb(44,89,132)
```
#84572c
```
#84572c rgb(132,87,44)
```

Complementary Color

#2c8483
```
#2c8483 rgb(44,132,131)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#2c2d84
```
#2c2d84 rgb(44,45,132)
```

Analogous Color

#84832c
```
#84832c rgb(132,131,44)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#842c2d
```
#842c2d rgb(132,44,45)
```

Split Complementary Color

#59842c
```
#59842c rgb(89,132,44)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#842c59
```
#842c59 rgb(132,44,89)
```

Triadic Color

#2c8457
```
#2c8457 rgb(44,132,87)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#842c59
```
#842c59 rgb(132,44,89)
```
#84572c
```
#84572c rgb(132,87,44)
```

Tetradic Color

#19324b
```
#19324b rgb(25,50,75)
```
#1f3f5e
```
#1f3f5e rgb(31,63,94)
```
#264c71
```
#264c71 rgb(38,76,113)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#326697
```
#326697 rgb(50,102,151)
```
#3973aa
```
#3973aa rgb(57,115,170)
```
#3f80bd
```
#3f80bd rgb(63,128,189)
```

Monochromatic Color

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

#2c6f84
```
#2c6f84 rgb(44,111,132)
```
#2c6884
```
#2c6884 rgb(44,104,132)
```
#2c6084
```
#2c6084 rgb(44,96,132)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#2c5284
```
#2c5284 rgb(44,82,132)
```
#2c4a84
```
#2c4a84 rgb(44,74,132)
```
#2c4384
```
#2c4384 rgb(44,67,132)
```

Similar Colors

Text with hexadecimal color #2c5984

This text has a font color of #2c5984.

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

#2c5984 background color

This paragraph has a background color of #2c5984.

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

#2c5984 border color

This element has a border color of #2c5984.

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

CSS codes

.text {color:#2c5984;}

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

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

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)
```
#0f1d2c
```
#0f1d2c rgb(15,29,44)
```
#13273a
```
#13273a rgb(19,39,58)
```
#183149
```
#183149 rgb(24,49,73)
```
#1d3b58
```
#1d3b58 rgb(29,59,88)
```
#224567
```
#224567 rgb(34,69,103)
```
#274f75
```
#274f75 rgb(39,79,117)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#316393
```
#316393 rgb(49,99,147)
```
#366da1
```
#366da1 rgb(54,109,161)
```
#3b77b0
```
#3b77b0 rgb(59,119,176)
```
#4081bf
```
#4081bf rgb(64,129,191)
```

Shade Color Variation

#4e8ac4
```
#4e8ac4 rgb(78,138,196)
```
#5d94c9
```
#5d94c9 rgb(93,148,201)
```
#6b9ece
```
#6b9ece rgb(107,158,206)
```
#7aa7d3
```
#7aa7d3 rgb(122,167,211)
```
#89b1d8
```
#89b1d8 rgb(137,177,216)
```
#98bbdd
```
#98bbdd rgb(152,187,221)
```
#a6c5e1
```
#a6c5e1 rgb(166,197,225)
```
#b5cee6
```
#b5cee6 rgb(181,206,230)
```
#c4d8eb
```
#c4d8eb rgb(196,216,235)
```
#d2e2f0
```
#d2e2f0 rgb(210,226,240)
```
#e1ebf5
```
#e1ebf5 rgb(225,235,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 #035aad is the most saturated one.

#55585b
```
#55585b rgb(85,88,91)
```
#4e5862
```
#4e5862 rgb(78,88,98)
```
#475869
```
#475869 rgb(71,88,105)
```
#405970
```
#405970 rgb(64,89,112)
```
#3a5976
```
#3a5976 rgb(58,89,118)
```
#33597d
```
#33597d rgb(51,89,125)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#25598b
```
#25598b rgb(37,89,139)
```
#1e5992
```
#1e5992 rgb(30,89,146)
```
#185998
```
#185998 rgb(24,89,152)
```
#115a9f
```
#115a9f rgb(17,90,159)
```
#0a5aa6
```
#0a5aa6 rgb(10,90,166)
```
#035aad
```
#035aad rgb(3,90,173)
```

Tone Color Variation

Below, you can see how #2c5984 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
#49525a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5d87 Protanopia 1% of men
#475e8b Deuteranopia 1% of men
#22676e Tritanopia 0.001% of the population

Trichromacy

#425b86 Protanomaly 1% of men, 0.01% of women
#3d5c88 Deuteranomaly 6% of men, 0.4% of women
#266276 Tritanomaly 0.01% of the population

#2c5984 hex color

#2c5984 Color Information

#2c5984 Color Conversion

Color Schemes with #2c5984

Alternatives to #2c5984

#2c5984 Preview

Shades and Tints of #2c5984

Tones of #2c5984

Color Blindness Simulator