#2c54e2 hex color

In a RGB color space, hex #2c54e2 is composed of 17.3% red, 32.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 62.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 226.8 degrees, a saturation of 75.8% and a lightness of 52.9%. #2c54e2 color hex could be obtained by blending #58a8ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 33
- B 89
RGB color chart
- C 81
- M 63
- Y 0
- K 11
CMYK color chart

● #2c54e2 color description : Bright blue.

The hexadecimal color #2c54e2 has RGB values of R:44, G:84, B:226 and CMYK values of C:0.81, M:0.63, Y:0, K:0.11. Its decimal value is 2905314.

Hex triplet	2c54e2	`#2c54e2`
RGB Decimal	44, 84, 226	`rgb(44,84,226)`
RGB Percent	17.3, 32.9, 88.6	`rgb(17.3%,32.9%,88.6%)`
CMYK	81, 63, 0, 11
HSL	226.8°, 75.8, 52.9	`hsl(226.8,75.8%,52.9%)`
HSV (or HSB)	226.8°, 80.5, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.792, 37.677, -75.715
XYZ	17.934, 12.366, 73.389
xyY	0.173, 0.119, 12.366
CIE-LCH	41.792, 84.571, 296.455
CIE-LUV	41.792, -15.478, -111.7
Hunter-Lab	35.165, 29.494, -99.122
Binary	00101100, 01010100, 11100010

#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#e2ba2c
```
#e2ba2c rgb(226,186,44)
```

Complementary Color

#2cafe2
```
#2cafe2 rgb(44,175,226)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#5f2ce2
```
#5f2ce2 rgb(95,44,226)
```

Analogous Color

#afe22c
```
#afe22c rgb(175,226,44)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#e25f2c
```
#e25f2c rgb(226,95,44)
```

Split Complementary Color

#54e22c
```
#54e22c rgb(84,226,44)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#e22c54
```
#e22c54 rgb(226,44,84)
```

Triadic Color

#2ce2ba
```
#2ce2ba rgb(44,226,186)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#e22c54
```
#e22c54 rgb(226,44,84)
```
#e2ba2c
```
#e2ba2c rgb(226,186,44)
```

Tetradic Color

#1738aa
```
#1738aa rgb(23,56,170)
```
#1a3fc1
```
#1a3fc1 rgb(26,63,193)
```
#1e46d7
```
#1e46d7 rgb(30,70,215)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#4266e5
```
#4266e5 rgb(66,102,229)
```
#5978e8
```
#5978e8 rgb(89,120,232)
```
#6f8beb
```
#6f8beb rgb(111,139,235)
```

Monochromatic Color

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

#2c82e2
```
#2c82e2 rgb(44,130,226)
```
#2c72e2
```
#2c72e2 rgb(44,114,226)
```
#2c63e2
```
#2c63e2 rgb(44,99,226)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#2c45e2
```
#2c45e2 rgb(44,69,226)
```
#2c36e2
```
#2c36e2 rgb(44,54,226)
```
#322ce2
```
#322ce2 rgb(50,44,226)
```

Similar Colors

Text with hexadecimal color #2c54e2

This text has a font color of #2c54e2.

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

#2c54e2 background color

This paragraph has a background color of #2c54e2.

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

#2c54e2 border color

This element has a border color of #2c54e2.

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

CSS codes

.text {color:#2c54e2;}

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

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

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, #02040d is the darkest color, while #fbfcfe is the lightest one.

#02040d
```
#02040d rgb(2,4,13)
```
#040a1e
```
#040a1e rgb(4,10,30)
```
#071030
```
#071030 rgb(7,16,48)
```
#091541
```
#091541 rgb(9,21,65)
```
#0b1b52
```
#0b1b52 rgb(11,27,82)
```
#0e2163
```
#0e2163 rgb(14,33,99)
```
#102675
```
#102675 rgb(16,38,117)
```
#122c86
```
#122c86 rgb(18,44,134)
```
#153197
```
#153197 rgb(21,49,151)
```
#1737a8
```
#1737a8 rgb(23,55,168)
```
#1a3dba
```
#1a3dba rgb(26,61,186)
```
#1c42cb
```
#1c42cb rgb(28,66,203)
```
#1e48dc
```
#1e48dc rgb(30,72,220)
```

Shade Color Variation

#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#3d62e4
```
#3d62e4 rgb(61,98,228)
```
#4e70e7
```
#4e70e7 rgb(78,112,231)
```
#607ee9
```
#607ee9 rgb(96,126,233)
```
#718ceb
```
#718ceb rgb(113,140,235)
```
#829aee
```
#829aee rgb(130,154,238)
```
#93a8f0
```
#93a8f0 rgb(147,168,240)
```
#a5b6f3
```
#a5b6f3 rgb(165,182,243)
```
#b6c4f5
```
#b6c4f5 rgb(182,196,245)
```
#c7d2f7
```
#c7d2f7 rgb(199,210,247)
```
#d8e0fa
```
#d8e0fa rgb(216,224,250)
```
#eaeefc
```
#eaeefc rgb(234,238,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f838f is the less saturated color, while #1044fe is the most saturated one.

#7f838f
```
#7f838f rgb(127,131,143)
```
#767d98
```
#767d98 rgb(118,125,152)
```
#6d78a1
```
#6d78a1 rgb(109,120,161)
```
#6373ab
```
#6373ab rgb(99,115,171)
```
#5a6eb4
```
#5a6eb4 rgb(90,110,180)
```
#5169bd
```
#5169bd rgb(81,105,189)
```
#4864c6
```
#4864c6 rgb(72,100,198)
```
#3e5ed0
```
#3e5ed0 rgb(62,94,208)
```
#3559d9
```
#3559d9 rgb(53,89,217)
```
#2c54e2
```
#2c54e2 rgb(44,84,226)
```
#234feb
```
#234feb rgb(35,79,235)
```
#1a4af4
```
#1a4af4 rgb(26,74,244)
```
#1044fe
```
#1044fe rgb(16,68,254)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#1060d2 Protanomaly 1% of men, 0.01% of women
#1064c2 Deuteranomaly 6% of men, 0.4% of women
#1069a0 Tritanomaly 0.01% of the population

#2c54e2 hex color

#2c54e2 Color Information

#2c54e2 Color Conversion

Color Schemes with #2c54e2

Alternatives to #2c54e2

#2c54e2 Preview

Shades and Tints of #2c54e2

Tones of #2c54e2

Color Blindness Simulator