#2c53e4 hex color

In a RGB color space, hex #2c53e4 is composed of 17.3% red, 32.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 63.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 227.3 degrees, a saturation of 77.3% and a lightness of 53.3%. #2c53e4 color hex could be obtained by blending #58a6ff with #0000c9. Closest websafe color is: #3366cc.

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

● #2c53e4 color description : Bright blue.

The hexadecimal color #2c53e4 has RGB values of R:44, G:83, B:228 and CMYK values of C:0.81, M:0.64, Y:0, K:0.11. Its decimal value is 2905060.

Hex triplet	2c53e4	`#2c53e4`
RGB Decimal	44, 83, 228	`rgb(44,83,228)`
RGB Percent	17.3, 32.5, 89.4	`rgb(17.3%,32.5%,89.4%)`
CMYK	81, 64, 0, 11
HSL	227.3°, 77.3, 53.3	`hsl(227.3,77.3%,53.3%)`
HSV (or HSB)	227.3°, 80.7, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.724, 39.027, -76.963
XYZ	18.133, 12.322, 74.817
xyY	0.172, 0.117, 12.322
CIE-LCH	41.724, 86.293, 296.889
CIE-LUV	41.724, -15.266, -113.294
Hunter-Lab	35.103, 30.776, -101.797
Binary	00101100, 01010011, 11100100

#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#e4bd2c
```
#e4bd2c rgb(228,189,44)
```

Complementary Color

#2cafe4
```
#2cafe4 rgb(44,175,228)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#612ce4
```
#612ce4 rgb(97,44,228)
```

Analogous Color

#afe42c
```
#afe42c rgb(175,228,44)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#e4612c
```
#e4612c rgb(228,97,44)
```

Split Complementary Color

#53e42c
```
#53e42c rgb(83,228,44)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#e42c53
```
#e42c53 rgb(228,44,83)
```

Triadic Color

#2ce4bd
```
#2ce4bd rgb(44,228,189)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#e42c53
```
#e42c53 rgb(228,44,83)
```
#e4bd2c
```
#e4bd2c rgb(228,189,44)
```

Tetradic Color

#1636ad
```
#1636ad rgb(22,54,173)
```
#193dc4
```
#193dc4 rgb(25,61,196)
```
#1c44db
```
#1c44db rgb(28,68,219)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#4365e7
```
#4365e7 rgb(67,101,231)
```
#5978ea
```
#5978ea rgb(89,120,234)
```
#708aed
```
#708aed rgb(112,138,237)
```

Monochromatic Color

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

#2c81e4
```
#2c81e4 rgb(44,129,228)
```
#2c72e4
```
#2c72e4 rgb(44,114,228)
```
#2c62e4
```
#2c62e4 rgb(44,98,228)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#2c44e4
```
#2c44e4 rgb(44,68,228)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#332ce4
```
#332ce4 rgb(51,44,228)
```

Similar Colors

Text with hexadecimal color #2c53e4

This text has a font color of #2c53e4.

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

#2c53e4 background color

This paragraph has a background color of #2c53e4.

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

#2c53e4 border color

This element has a border color of #2c53e4.

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

CSS codes

.text {color:#2c53e4;}

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

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

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

#02050f
```
#02050f rgb(2,5,15)
```
#040a20
```
#040a20 rgb(4,10,32)
```
#061032
```
#061032 rgb(6,16,50)
```
#091543
```
#091543 rgb(9,21,67)
```
#0b1a55
```
#0b1a55 rgb(11,26,85)
```
#0d2066
```
#0d2066 rgb(13,32,102)
```
#0f2577
```
#0f2577 rgb(15,37,119)
```
#122b89
```
#122b89 rgb(18,43,137)
```
#14309a
```
#14309a rgb(20,48,154)
```
#1636ac
```
#1636ac rgb(22,54,172)
```
#183bbd
```
#183bbd rgb(24,59,189)
```
#1a41ce
```
#1a41ce rgb(26,65,206)
```
#1d46e0
```
#1d46e0 rgb(29,70,224)
```

Shade Color Variation

#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#3d61e6
```
#3d61e6 rgb(61,97,230)
```
#4f6fe8
```
#4f6fe8 rgb(79,111,232)
```
#607eeb
```
#607eeb rgb(96,126,235)
```
#728ced
```
#728ced rgb(114,140,237)
```
#839aef
```
#839aef rgb(131,154,239)
```
#94a8f1
```
#94a8f1 rgb(148,168,241)
```
#a6b6f4
```
#a6b6f4 rgb(166,182,244)
```
#b7c4f6
```
#b7c4f6 rgb(183,196,246)
```
#c9d3f8
```
#c9d3f8 rgb(201,211,248)
```
#dae1fa
```
#dae1fa rgb(218,225,250)
```
#ebeffc
```
#ebeffc rgb(235,239,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7e8292
```
#7e8292 rgb(126,130,146)
```
#757d9b
```
#757d9b rgb(117,125,155)
```
#6c78a4
```
#6c78a4 rgb(108,120,164)
```
#6373ad
```
#6373ad rgb(99,115,173)
```
#5a6db6
```
#5a6db6 rgb(90,109,182)
```
#5168bf
```
#5168bf rgb(81,104,191)
```
#4763c9
```
#4763c9 rgb(71,99,201)
```
#3e5ed2
```
#3e5ed2 rgb(62,94,210)
```
#3558db
```
#3558db rgb(53,88,219)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#234eed
```
#234eed rgb(35,78,237)
```
#1a48f6
```
#1a48f6 rgb(26,72,246)
```

Tone Color Variation

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

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

Trichromacy

#1060d3 Protanomaly 1% of men, 0.01% of women
#1063c2 Deuteranomaly 6% of men, 0.4% of women
#1068a1 Tritanomaly 0.01% of the population

#2c53e4 hex color

#2c53e4 Color Information

#2c53e4 Color Conversion

Color Schemes with #2c53e4

Alternatives to #2c53e4

#2c53e4 Preview

Shades and Tints of #2c53e4

Tones of #2c53e4

Color Blindness Simulator