#2c4d98 hex color

In a RGB color space, hex #2c4d98 is composed of 17.3% red, 30.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 49.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 221.7 degrees, a saturation of 55.1% and a lightness of 38.4%. #2c4d98 color hex could be obtained by blending #589aff with #000031. Closest websafe color is: #336699.

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

● #2c4d98 color description : Dark blue.

The hexadecimal color #2c4d98 has RGB values of R:44, G:77, B:152 and CMYK values of C:0.71, M:0.49, Y:0, K:0.4. Its decimal value is 2903448.

Hex triplet	2c4d98	`#2c4d98`
RGB Decimal	44, 77, 152	`rgb(44,77,152)`
RGB Percent	17.3, 30.2, 59.6	`rgb(17.3%,30.2%,59.6%)`
CMYK	71, 49, 0, 40
HSL	221.7°, 55.1, 38.4	`hsl(221.7,55.1%,38.4%)`
HSV (or HSB)	221.7°, 71.1, 59.6
Web Safe	336699	`#336699`

CIE-LAB	34.21, 14.463, -44.685
XYZ	9.359, 8.11, 30.776
xyY	0.194, 0.168, 8.11
CIE-LCH	34.21, 46.968, 287.935
CIE-LUV	34.21, -13.438, -62.942
Hunter-Lab	28.477, 8.827, -44.142
Binary	00101100, 01001101, 10011000

#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#98772c
```
#98772c rgb(152,119,44)
```

Complementary Color

#2c8398
```
#2c8398 rgb(44,131,152)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#412c98
```
#412c98 rgb(65,44,152)
```

Analogous Color

#83982c
```
#83982c rgb(131,152,44)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#98412c
```
#98412c rgb(152,65,44)
```

Split Complementary Color

#4d982c
```
#4d982c rgb(77,152,44)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#982c4d
```
#982c4d rgb(152,44,77)
```

Triadic Color

#2c9877
```
#2c9877 rgb(44,152,119)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#982c4d
```
#982c4d rgb(152,44,77)
```
#98772c
```
#98772c rgb(152,119,44)
```

Tetradic Color

#1b2f5d
```
#1b2f5d rgb(27,47,93)
```
#213970
```
#213970 rgb(33,57,112)
```
#264384
```
#264384 rgb(38,67,132)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#3257ac
```
#3257ac rgb(50,87,172)
```
#3761c0
```
#3761c0 rgb(55,97,192)
```
#476fca
```
#476fca rgb(71,111,202)
```

Monochromatic Color

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

#2c6898
```
#2c6898 rgb(44,104,152)
```
#2c5f98
```
#2c5f98 rgb(44,95,152)
```
#2c5698
```
#2c5698 rgb(44,86,152)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#2c4498
```
#2c4498 rgb(44,68,152)
```
#2c3b98
```
#2c3b98 rgb(44,59,152)
```
#2c3298
```
#2c3298 rgb(44,50,152)
```

Similar Colors

Text with hexadecimal color #2c4d98

This text has a font color of #2c4d98.

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

#2c4d98 background color

This paragraph has a background color of #2c4d98.

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

#2c4d98 border color

This element has a border color of #2c4d98.

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

CSS codes

.text {color:#2c4d98;}

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

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

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

#04080f
```
#04080f rgb(4,8,15)
```
#090f1e
```
#090f1e rgb(9,15,30)
```
#0d172e
```
#0d172e rgb(13,23,46)
```
#121f3d
```
#121f3d rgb(18,31,61)
```
#16264c
```
#16264c rgb(22,38,76)
```
#1a2e5b
```
#1a2e5b rgb(26,46,91)
```
#1f366a
```
#1f366a rgb(31,54,106)
```
#233e7a
```
#233e7a rgb(35,62,122)
```
#284589
```
#284589 rgb(40,69,137)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#3055a7
```
#3055a7 rgb(48,85,167)
```
#355cb6
```
#355cb6 rgb(53,92,182)
```
#3964c6
```
#3964c6 rgb(57,100,198)
```

Shade Color Variation

#4870ca
```
#4870ca rgb(72,112,202)
```
#587ccf
```
#587ccf rgb(88,124,207)
```
#6788d3
```
#6788d3 rgb(103,136,211)
```
#7694d7
```
#7694d7 rgb(118,148,215)
```
#85a0dc
```
#85a0dc rgb(133,160,220)
```
#94ace0
```
#94ace0 rgb(148,172,224)
```
#a4b7e5
```
#a4b7e5 rgb(164,183,229)
```
#b3c3e9
```
#b3c3e9 rgb(179,195,233)
```
#c2cfed
```
#c2cfed rgb(194,207,237)
```
#d1dbf2
```
#d1dbf2 rgb(209,219,242)
```
#e0e7f6
```
#e0e7f6 rgb(224,231,246)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#616263
```
#616263 rgb(97,98,99)
```
#595f6b
```
#595f6b rgb(89,95,107)
```
#525c72
```
#525c72 rgb(82,92,114)
```
#4a597a
```
#4a597a rgb(74,89,122)
```
#435681
```
#435681 rgb(67,86,129)
```
#3b5389
```
#3b5389 rgb(59,83,137)
```
#345090
```
#345090 rgb(52,80,144)
```
#2c4d98
```
#2c4d98 rgb(44,77,152)
```
#244aa0
```
#244aa0 rgb(36,74,160)
```
#1d47a7
```
#1d47a7 rgb(29,71,167)
```
#1544af
```
#1544af rgb(21,68,175)
```
#0e41b6
```
#0e41b6 rgb(14,65,182)
```
#063ebe
```
#063ebe rgb(6,62,190)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f579e Protanopia 1% of men
#005b97 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#2e539b Protanomaly 1% of men, 0.01% of women
#105597 Deuteranomaly 6% of men, 0.4% of women
#105a7a Tritanomaly 0.01% of the population

#2c4d98 hex color

#2c4d98 Color Information

#2c4d98 Color Conversion

Color Schemes with #2c4d98

Alternatives to #2c4d98

#2c4d98 Preview

Shades and Tints of #2c4d98

Tones of #2c4d98

Color Blindness Simulator