#2c4fe5 hex color

In a RGB color space, hex #2c4fe5 is composed of 17.3% red, 31% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 65.5% magenta, 0% yellow and 10.2% black. It has a hue angle of 228.6 degrees, a saturation of 78.1% and a lightness of 53.5%. #2c4fe5 color hex could be obtained by blending #589eff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 31
- B 90
RGB color chart
- C 81
- M 66
- Y 0
- K 10
CMYK color chart

● #2c4fe5 color description : Bright blue.

The hexadecimal color #2c4fe5 has RGB values of R:44, G:79, B:229 and CMYK values of C:0.81, M:0.66, Y:0, K:0.1. Its decimal value is 2904037.

Hex triplet	2c4fe5	`#2c4fe5`
RGB Decimal	44, 79, 229	`rgb(44,79,229)`
RGB Percent	17.3, 31, 89.8	`rgb(17.3%,31%,89.8%)`
CMYK	81, 66, 0, 10
HSL	228.6°, 78.1, 53.5	`hsl(228.6,78.1%,53.5%)`
HSV (or HSB)	228.6°, 80.8, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.87, 41.869, -78.932
XYZ	17.975, 11.783, 75.452
xyY	0.171, 0.112, 11.783
CIE-LCH	40.87, 89.35, 297.944
CIE-LUV	40.87, -14.394, -115.019
Hunter-Lab	34.327, 33.397, -106.293
Binary	00101100, 01001111, 11100101

#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#e5c22c
```
#e5c22c rgb(229,194,44)
```

Complementary Color

#2cace5
```
#2cace5 rgb(44,172,229)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#662ce5
```
#662ce5 rgb(102,44,229)
```

Analogous Color

#ace52c
```
#ace52c rgb(172,229,44)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#e5662c
```
#e5662c rgb(229,102,44)
```

Split Complementary Color

#4fe52c
```
#4fe52c rgb(79,229,44)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#e52c4f
```
#e52c4f rgb(229,44,79)
```

Triadic Color

#2ce5c2
```
#2ce5c2 rgb(44,229,194)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#e52c4f
```
#e52c4f rgb(229,44,79)
```
#e5c22c
```
#e5c22c rgb(229,194,44)
```

Tetradic Color

#1633af
```
#1633af rgb(22,51,175)
```
#1839c6
```
#1839c6 rgb(24,57,198)
```
#1b40dc
```
#1b40dc rgb(27,64,220)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#4362e8
```
#4362e8 rgb(67,98,232)
```
#5975eb
```
#5975eb rgb(89,117,235)
```
#7088ed
```
#7088ed rgb(112,136,237)
```

Monochromatic Color

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

#2c7de5
```
#2c7de5 rgb(44,125,229)
```
#2c6ee5
```
#2c6ee5 rgb(44,110,229)
```
#2c5ee5
```
#2c5ee5 rgb(44,94,229)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#2c40e5
```
#2c40e5 rgb(44,64,229)
```
#2c30e5
```
#2c30e5 rgb(44,48,229)
```
#372ce5
```
#372ce5 rgb(55,44,229)
```

Similar Colors

Text with hexadecimal color #2c4fe5

This text has a font color of #2c4fe5.

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

#2c4fe5 background color

This paragraph has a background color of #2c4fe5.

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

#2c4fe5 border color

This element has a border color of #2c4fe5.

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

CSS codes

.text {color:#2c4fe5;}

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

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

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

#020510
```
#020510 rgb(2,5,16)
```
#040a21
```
#040a21 rgb(4,10,33)
```
#060f33
```
#060f33 rgb(6,15,51)
```
#081444
```
#081444 rgb(8,20,68)
```
#0b1956
```
#0b1956 rgb(11,25,86)
```
#0d1e67
```
#0d1e67 rgb(13,30,103)
```
#0f2379
```
#0f2379 rgb(15,35,121)
```
#11288a
```
#11288a rgb(17,40,138)
```
#132d9c
```
#132d9c rgb(19,45,156)
```
#1532ad
```
#1532ad rgb(21,50,173)
```
#1737bf
```
#1737bf rgb(23,55,191)
```
#1a3cd0
```
#1a3cd0 rgb(26,60,208)
```
#1c41e2
```
#1c41e2 rgb(28,65,226)
```

Shade Color Variation

#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#3d5ee7
```
#3d5ee7 rgb(61,94,231)
```
#4f6ce9
```
#4f6ce9 rgb(79,108,233)
```
#607beb
```
#607beb rgb(96,123,235)
```
#7289ee
```
#7289ee rgb(114,137,238)
```
#8398f0
```
#8398f0 rgb(131,152,240)
```
#95a6f2
```
#95a6f2 rgb(149,166,242)
```
#a6b5f4
```
#a6b5f4 rgb(166,181,244)
```
#b8c4f6
```
#b8c4f6 rgb(184,196,246)
```
#c9d2f8
```
#c9d2f8 rgb(201,210,248)
```
#dbe1fb
```
#dbe1fb rgb(219,225,251)
```
#eceffd
```
#eceffd rgb(236,239,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#87888a
```
#87888a rgb(135,136,138)
```
#7e8293
```
#7e8293 rgb(126,130,147)
```
#757c9c
```
#757c9c rgb(117,124,156)
```
#6c77a5
```
#6c77a5 rgb(108,119,165)
```
#6371ae
```
#6371ae rgb(99,113,174)
```
#5a6bb7
```
#5a6bb7 rgb(90,107,183)
```
#5066c1
```
#5066c1 rgb(80,102,193)
```
#4760ca
```
#4760ca rgb(71,96,202)
```
#3e5ad3
```
#3e5ad3 rgb(62,90,211)
```
#3555dc
```
#3555dc rgb(53,85,220)
```
#2c4fe5
```
#2c4fe5 rgb(44,79,229)
```
#2349ee
```
#2349ee rgb(35,73,238)
```
#1a44f7
```
#1a44f7 rgb(26,68,247)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#105dd1 Protanomaly 1% of men, 0.01% of women
#1061c0 Deuteranomaly 6% of men, 0.4% of women
#1065a0 Tritanomaly 0.01% of the population

#2c4fe5 hex color

#2c4fe5 Color Information

#2c4fe5 Color Conversion

Color Schemes with #2c4fe5

Alternatives to #2c4fe5

#2c4fe5 Preview

Shades and Tints of #2c4fe5

Tones of #2c4fe5

Color Blindness Simulator