#2c4fc4 hex color

In a RGB color space, hex #2c4fc4 is composed of 17.3% red, 31% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 59.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 226.2 degrees, a saturation of 63.3% and a lightness of 47.1%. #2c4fc4 color hex could be obtained by blending #589eff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 31
- B 77
RGB color chart
- C 78
- M 60
- Y 0
- K 23
CMYK color chart

● #2c4fc4 color description : Strong blue.

The hexadecimal color #2c4fc4 has RGB values of R:44, G:79, B:196 and CMYK values of C:0.78, M:0.6, Y:0, K:0.23. Its decimal value is 2904004.

Hex triplet	2c4fc4	`#2c4fc4`
RGB Decimal	44, 79, 196	`rgb(44,79,196)`
RGB Percent	17.3, 31, 76.9	`rgb(17.3%,31%,76.9%)`
CMYK	78, 60, 0, 23
HSL	226.2°, 63.3, 47.1	`hsl(226.2,63.3%,47.1%)`
HSV (or HSB)	226.2°, 77.6, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.043, 29.83, -64.59
XYZ	13.796, 10.112, 53.446
xyY	0.178, 0.131, 10.112
CIE-LCH	38.043, 71.145, 294.789
CIE-LUV	38.043, -14.076, -93.477
Hunter-Lab	31.799, 21.795, -77.391
Binary	00101100, 01001111, 11000100

#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#c4a12c
```
#c4a12c rgb(196,161,44)
```

Complementary Color

#2c9bc4
```
#2c9bc4 rgb(44,155,196)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#552cc4
```
#552cc4 rgb(85,44,196)
```

Analogous Color

#9bc42c
```
#9bc42c rgb(155,196,44)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#c4552c
```
#c4552c rgb(196,85,44)
```

Split Complementary Color

#4fc42c
```
#4fc42c rgb(79,196,44)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#c42c4f
```
#c42c4f rgb(196,44,79)
```

Triadic Color

#2cc4a1
```
#2cc4a1 rgb(44,196,161)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#c42c4f
```
#c42c4f rgb(196,44,79)
```
#c4a12c
```
#c4a12c rgb(196,161,44)
```

Tetradic Color

#1e3686
```
#1e3686 rgb(30,54,134)
```
#233e9a
```
#233e9a rgb(35,62,154)
```
#2747af
```
#2747af rgb(39,71,175)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#375bd2
```
#375bd2 rgb(55,91,210)
```
#4c6cd7
```
#4c6cd7 rgb(76,108,215)
```
#617ddc
```
#617ddc rgb(97,125,220)
```

Monochromatic Color

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

#2c75c4
```
#2c75c4 rgb(44,117,196)
```
#2c68c4
```
#2c68c4 rgb(44,104,196)
```
#2c5cc4
```
#2c5cc4 rgb(44,92,196)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#2c42c4
```
#2c42c4 rgb(44,66,196)
```
#2c36c4
```
#2c36c4 rgb(44,54,196)
```
#2f2cc4
```
#2f2cc4 rgb(47,44,196)
```

Similar Colors

Text with hexadecimal color #2c4fc4

This text has a font color of #2c4fc4.

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

#2c4fc4 background color

This paragraph has a background color of #2c4fc4.

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

#2c4fc4 border color

This element has a border color of #2c4fc4.

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

CSS codes

.text {color:#2c4fc4;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040814
```
#040814 rgb(4,8,20)
```
#080e24
```
#080e24 rgb(8,14,36)
```
#0c1534
```
#0c1534 rgb(12,21,52)
```
#0f1b44
```
#0f1b44 rgb(15,27,68)
```
#132254
```
#132254 rgb(19,34,84)
```
#162864
```
#162864 rgb(22,40,100)
```
#1a2f74
```
#1a2f74 rgb(26,47,116)
```
#1e3584
```
#1e3584 rgb(30,53,132)
```
#213c94
```
#213c94 rgb(33,60,148)
```
#2542a4
```
#2542a4 rgb(37,66,164)
```
#2849b4
```
#2849b4 rgb(40,73,180)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```

Shade Color Variation

#3357d1
```
#3357d1 rgb(51,87,209)
```
#4364d5
```
#4364d5 rgb(67,100,213)
```
#5371d8
```
#5371d8 rgb(83,113,216)
```
#637fdc
```
#637fdc rgb(99,127,220)
```
#738cdf
```
#738cdf rgb(115,140,223)
```
#8399e3
```
#8399e3 rgb(131,153,227)
```
#93a6e7
```
#93a6e7 rgb(147,166,231)
```
#a3b3ea
```
#a3b3ea rgb(163,179,234)
```
#b3c0ee
```
#b3c0ee rgb(179,192,238)
```
#c3cdf1
```
#c3cdf1 rgb(195,205,241)
```
#d3dbf5
```
#d3dbf5 rgb(211,219,245)
```
#e3e8f9
```
#e3e8f9 rgb(227,232,249)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777a is the less saturated color, while #073be9 is the most saturated one.

#76777a
```
#76777a rgb(118,119,122)
```
#6d7283
```
#6d7283 rgb(109,114,131)
```
#636d8d
```
#636d8d rgb(99,109,141)
```
#5a6896
```
#5a6896 rgb(90,104,150)
```
#51639f
```
#51639f rgb(81,99,159)
```
#485ea8
```
#485ea8 rgb(72,94,168)
```
#3e59b2
```
#3e59b2 rgb(62,89,178)
```
#3554bb
```
#3554bb rgb(53,84,187)
```
#2c4fc4
```
#2c4fc4 rgb(44,79,196)
```
#234acd
```
#234acd rgb(35,74,205)
```
#1a45d6
```
#1a45d6 rgb(26,69,214)
```
#1040e0
```
#1040e0 rgb(16,64,224)
```
#073be9
```
#073be9 rgb(7,59,233)
```

Tone Color Variation

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

Dichromacy

#005fba Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1059bd Protanomaly 1% of men, 0.01% of women
#105cae Deuteranomaly 6% of men, 0.4% of women
#10618f Tritanomaly 0.01% of the population

#2c4fc4 hex color

#2c4fc4 Color Information

#2c4fc4 Color Conversion

Color Schemes with #2c4fc4

Alternatives to #2c4fc4

#2c4fc4 Preview

Shades and Tints of #2c4fc4

Tones of #2c4fc4

Color Blindness Simulator