#2c34e4 hex color

In a RGB color space, hex #2c34e4 is composed of 17.3% red, 20.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 77.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 237.4 degrees, a saturation of 77.3% and a lightness of 53.3%. #2c34e4 color hex could be obtained by blending #5868ff with #0000c9. Closest websafe color is: #3333cc.

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

● #2c34e4 color description : Bright blue.

The hexadecimal color #2c34e4 has RGB values of R:44, G:52, B:228 and CMYK values of C:0.81, M:0.77, Y:0, K:0.11. Its decimal value is 2897124.

Hex triplet	2c34e4	`#2c34e4`
RGB Decimal	44, 52, 228	`rgb(44,52,228)`
RGB Percent	17.3, 20.4, 89.4	`rgb(17.3%,20.4%,89.4%)`
CMYK	81, 77, 0, 11
HSL	237.4°, 77.3, 53.3	`hsl(237.4,77.3%,53.3%)`
HSV (or HSB)	237.4°, 80.7, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.186, 56.977, -87.744
XYZ	16.267, 8.592, 74.196
xyY	0.164, 0.087, 8.592
CIE-LCH	35.186, 104.62, 302.998
CIE-LUV	35.186, -9.555, -118.041
Hunter-Lab	29.312, 47.769, -129.56
Binary	00101100, 00110100, 11100100

#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#e4dc2c
```
#e4dc2c rgb(228,220,44)
```

Complementary Color

#2c90e4
```
#2c90e4 rgb(44,144,228)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#802ce4
```
#802ce4 rgb(128,44,228)
```

Analogous Color

#90e42c
```
#90e42c rgb(144,228,44)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#e4802c
```
#e4802c rgb(228,128,44)
```

Split Complementary Color

#34e42c
```
#34e42c rgb(52,228,44)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#e42c34
```
#e42c34 rgb(228,44,52)
```

Triadic Color

#2ce4dc
```
#2ce4dc rgb(44,228,220)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#e42c34
```
#e42c34 rgb(228,44,52)
```
#e4dc2c
```
#e4dc2c rgb(228,220,44)
```

Tetradic Color

#161dad
```
#161dad rgb(22,29,173)
```
#1921c4
```
#1921c4 rgb(25,33,196)
```
#1c24db
```
#1c24db rgb(28,36,219)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#434ae7
```
#434ae7 rgb(67,74,231)
```
#5960ea
```
#5960ea rgb(89,96,234)
```
#7075ed
```
#7075ed rgb(112,117,237)
```

Monochromatic Color

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

#2c62e4
```
#2c62e4 rgb(44,98,228)
```
#2c53e4
```
#2c53e4 rgb(44,83,228)
```
#2c43e4
```
#2c43e4 rgb(44,67,228)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#332ce4
```
#332ce4 rgb(51,44,228)
```
#432ce4
```
#432ce4 rgb(67,44,228)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```

Similar Colors

Text with hexadecimal color #2c34e4

This text has a font color of #2c34e4.

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

#2c34e4 background color

This paragraph has a background color of #2c34e4.

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

#2c34e4 border color

This element has a border color of #2c34e4.

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

CSS codes

.text {color:#2c34e4;}

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

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

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

#02030f
```
#02030f rgb(2,3,15)
```
#040520
```
#040520 rgb(4,5,32)
```
#060832
```
#060832 rgb(6,8,50)
```
#090b43
```
#090b43 rgb(9,11,67)
```
#0b0e55
```
#0b0e55 rgb(11,14,85)
```
#0d1166
```
#0d1166 rgb(13,17,102)
```
#0f1477
```
#0f1477 rgb(15,20,119)
```
#121789
```
#121789 rgb(18,23,137)
```
#141a9a
```
#141a9a rgb(20,26,154)
```
#161cac
```
#161cac rgb(22,28,172)
```
#181fbd
```
#181fbd rgb(24,31,189)
```
#1a22ce
```
#1a22ce rgb(26,34,206)
```
#1d25e0
```
#1d25e0 rgb(29,37,224)
```

Shade Color Variation

#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#3d45e6
```
#3d45e6 rgb(61,69,230)
```
#4f55e8
```
#4f55e8 rgb(79,85,232)
```
#6066eb
```
#6066eb rgb(96,102,235)
```
#7277ed
```
#7277ed rgb(114,119,237)
```
#8388ef
```
#8388ef rgb(131,136,239)
```
#9498f1
```
#9498f1 rgb(148,152,241)
```
#a6a9f4
```
#a6a9f4 rgb(166,169,244)
```
#b7baf6
```
#b7baf6 rgb(183,186,246)
```
#c9cbf8
```
#c9cbf8 rgb(201,203,248)
```
#dadbfa
```
#dadbfa rgb(218,219,250)
```
#ebecfc
```
#ebecfc rgb(235,236,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 #1a23f6 is the most saturated one.

#888888
```
#888888 rgb(136,136,136)
```
#7e7f92
```
#7e7f92 rgb(126,127,146)
```
#75779b
```
#75779b rgb(117,119,155)
```
#6c6fa4
```
#6c6fa4 rgb(108,111,164)
```
#6366ad
```
#6366ad rgb(99,102,173)
```
#5a5eb6
```
#5a5eb6 rgb(90,94,182)
```
#5155bf
```
#5155bf rgb(81,85,191)
```
#474dc9
```
#474dc9 rgb(71,77,201)
```
#3e45d2
```
#3e45d2 rgb(62,69,210)
```
#353cdb
```
#353cdb rgb(53,60,219)
```
#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#232ced
```
#232ced rgb(35,44,237)
```
#1a23f6
```
#1a23f6 rgb(26,35,246)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#104bc1 Protanomaly 1% of men, 0.01% of women
#104eb2 Deuteranomaly 6% of men, 0.4% of women
#105396 Tritanomaly 0.01% of the population

#2c34e4 hex color

#2c34e4 Color Information

#2c34e4 Color Conversion

Color Schemes with #2c34e4

Alternatives to #2c34e4

#2c34e4 Preview

Shades and Tints of #2c34e4

Tones of #2c34e4

Color Blindness Simulator