#2c4dc6 hex color

In a RGB color space, hex #2c4dc6 is composed of 17.3% red, 30.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 61.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 227.1 degrees, a saturation of 63.6% and a lightness of 47.5%. #2c4dc6 color hex could be obtained by blending #589aff with #00008d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 30
- B 78
RGB color chart
- C 78
- M 61
- Y 0
- K 22
CMYK color chart

● #2c4dc6 color description : Strong blue.

The hexadecimal color #2c4dc6 has RGB values of R:44, G:77, B:198 and CMYK values of C:0.78, M:0.61, Y:0, K:0.22. Its decimal value is 2903494.

Hex triplet	2c4dc6	`#2c4dc6`
RGB Decimal	44, 77, 198	`rgb(44,77,198)`
RGB Percent	17.3, 30.2, 77.6	`rgb(17.3%,30.2%,77.6%)`
CMYK	78, 61, 0, 22
HSL	227.1°, 63.6, 47.5	`hsl(227.1,63.6%,47.5%)`
HSV (or HSB)	227.1°, 77.8, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.697, 31.869, -66.318
XYZ	13.883, 9.919, 54.606
xyY	0.177, 0.127, 9.919
CIE-LCH	37.697, 73.578, 295.667
CIE-LUV	37.697, -13.598, -95.514
Hunter-Lab	31.495, 23.569, -80.75
Binary	00101100, 01001101, 11000110

#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#c6a52c
```
#c6a52c rgb(198,165,44)
```

Complementary Color

#2c9ac6
```
#2c9ac6 rgb(44,154,198)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#582cc6
```
#582cc6 rgb(88,44,198)
```

Analogous Color

#9ac62c
```
#9ac62c rgb(154,198,44)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#c6582c
```
#c6582c rgb(198,88,44)
```

Split Complementary Color

#4dc62c
```
#4dc62c rgb(77,198,44)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#c62c4d
```
#c62c4d rgb(198,44,77)
```

Triadic Color

#2cc6a5
```
#2cc6a5 rgb(44,198,165)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#c62c4d
```
#c62c4d rgb(198,44,77)
```
#c6a52c
```
#c6a52c rgb(198,165,44)
```

Tetradic Color

#1e3587
```
#1e3587 rgb(30,53,135)
```
#233d9c
```
#233d9c rgb(35,61,156)
```
#2745b1
```
#2745b1 rgb(39,69,177)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#395ad3
```
#395ad3 rgb(57,90,211)
```
#4d6bd8
```
#4d6bd8 rgb(77,107,216)
```
#627cdc
```
#627cdc rgb(98,124,220)
```

Monochromatic Color

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

#2c74c6
```
#2c74c6 rgb(44,116,198)
```
#2c67c6
```
#2c67c6 rgb(44,103,198)
```
#2c5ac6
```
#2c5ac6 rgb(44,90,198)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#2c40c6
```
#2c40c6 rgb(44,64,198)
```
#2c33c6
```
#2c33c6 rgb(44,51,198)
```
#312cc6
```
#312cc6 rgb(49,44,198)
```

Similar Colors

Text with hexadecimal color #2c4dc6

This text has a font color of #2c4dc6.

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

#2c4dc6 background color

This paragraph has a background color of #2c4dc6.

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

#2c4dc6 border color

This element has a border color of #2c4dc6.

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

CSS codes

.text {color:#2c4dc6;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050815
```
#050815 rgb(5,8,21)
```
#080f26
```
#080f26 rgb(8,15,38)
```
#0c1536
```
#0c1536 rgb(12,21,54)
```
#0f1b46
```
#0f1b46 rgb(15,27,70)
```
#132156
```
#132156 rgb(19,33,86)
```
#172866
```
#172866 rgb(23,40,102)
```
#1a2e76
```
#1a2e76 rgb(26,46,118)
```
#1e3486
```
#1e3486 rgb(30,52,134)
```
#213a96
```
#213a96 rgb(33,58,150)
```
#2541a6
```
#2541a6 rgb(37,65,166)
```
#2847b6
```
#2847b6 rgb(40,71,182)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```

Shade Color Variation

#3456d2
```
#3456d2 rgb(52,86,210)
```
#4463d5
```
#4463d5 rgb(68,99,213)
```
#5470d9
```
#5470d9 rgb(84,112,217)
```
#647edd
```
#647edd rgb(100,126,221)
```
#748be0
```
#748be0 rgb(116,139,224)
```
#8499e4
```
#8499e4 rgb(132,153,228)
```
#94a6e7
```
#94a6e7 rgb(148,166,231)
```
#a4b3eb
```
#a4b3eb rgb(164,179,235)
```
#b4c1ee
```
#b4c1ee rgb(180,193,238)
```
#c4cef2
```
#c4cef2 rgb(196,206,242)
```
#d4dbf6
```
#d4dbf6 rgb(212,219,246)
```
#e4e9f9
```
#e4e9f9 rgb(228,233,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787c is the less saturated color, while #0738eb is the most saturated one.

#76787c
```
#76787c rgb(118,120,124)
```
#6d7285
```
#6d7285 rgb(109,114,133)
```
#646d8e
```
#646d8e rgb(100,109,142)
```
#5b6897
```
#5b6897 rgb(91,104,151)
```
#5162a1
```
#5162a1 rgb(81,98,161)
```
#485daa
```
#485daa rgb(72,93,170)
```
#3f58b3
```
#3f58b3 rgb(63,88,179)
```
#3552bd
```
#3552bd rgb(53,82,189)
```
#2c4dc6
```
#2c4dc6 rgb(44,77,198)
```
#2348cf
```
#2348cf rgb(35,72,207)
```
#1942d9
```
#1942d9 rgb(25,66,217)
```
#103de2
```
#103de2 rgb(16,61,226)
```
#0738eb
```
#0738eb rgb(7,56,235)
```

Tone Color Variation

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

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1058bd Protanomaly 1% of men, 0.01% of women
#105bae Deuteranomaly 6% of men, 0.4% of women
#10608f Tritanomaly 0.01% of the population

#2c4dc6 hex color

#2c4dc6 Color Information

#2c4dc6 Color Conversion

Color Schemes with #2c4dc6

Alternatives to #2c4dc6

#2c4dc6 Preview

Shades and Tints of #2c4dc6

Tones of #2c4dc6

Color Blindness Simulator