#2c31e4 hex color

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

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

● #2c31e4 color description : Bright blue.

The hexadecimal color #2c31e4 has RGB values of R:44, G:49, B:228 and CMYK values of C:0.81, M:0.79, Y:0, K:0.11. Its decimal value is 2896356.

Hex triplet	2c31e4	`#2c31e4`
RGB Decimal	44, 49, 228	`rgb(44,49,228)`
RGB Percent	17.3, 19.2, 89.4	`rgb(17.3%,19.2%,89.4%)`
CMYK	81, 79, 0, 11
HSL	238.4°, 77.3, 53.3	`hsl(238.4,77.3%,53.3%)`
HSV (or HSB)	238.4°, 80.7, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.666, 58.48, -88.607
XYZ	16.138, 8.332, 74.152
xyY	0.164, 0.084, 8.332
CIE-LCH	34.666, 106.166, 303.425
CIE-LUV	34.666, -9.147, -118.107
Hunter-Lab	28.866, 49.277, -132.101
Binary	00101100, 00110001, 11100100

#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#e4df2c
```
#e4df2c rgb(228,223,44)
```

Complementary Color

#2c8de4
```
#2c8de4 rgb(44,141,228)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#832ce4
```
#832ce4 rgb(131,44,228)
```

Analogous Color

#8de42c
```
#8de42c rgb(141,228,44)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#e4832c
```
#e4832c rgb(228,131,44)
```

Split Complementary Color

#31e42c
```
#31e42c rgb(49,228,44)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#e42c31
```
#e42c31 rgb(228,44,49)
```

Triadic Color

#2ce4df
```
#2ce4df rgb(44,228,223)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#e42c31
```
#e42c31 rgb(228,44,49)
```
#e4df2c
```
#e4df2c rgb(228,223,44)
```

Tetradic Color

#161aad
```
#161aad rgb(22,26,173)
```
#191ec4
```
#191ec4 rgb(25,30,196)
```
#1c21db
```
#1c21db rgb(28,33,219)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#4347e7
```
#4347e7 rgb(67,71,231)
```
#595dea
```
#595dea rgb(89,93,234)
```
#7073ed
```
#7073ed rgb(112,115,237)
```

Monochromatic Color

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

#2c5fe4
```
#2c5fe4 rgb(44,95,228)
```
#2c50e4
```
#2c50e4 rgb(44,80,228)
```
#2c40e4
```
#2c40e4 rgb(44,64,228)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#362ce4
```
#362ce4 rgb(54,44,228)
```
#462ce4
```
#462ce4 rgb(70,44,228)
```
#552ce4
```
#552ce4 rgb(85,44,228)
```

Similar Colors

Text with hexadecimal color #2c31e4

This text has a font color of #2c31e4.

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

#2c31e4 background color

This paragraph has a background color of #2c31e4.

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

#2c31e4 border color

This element has a border color of #2c31e4.

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

CSS codes

.text {color:#2c31e4;}

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

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

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

#02020f
```
#02020f rgb(2,2,15)
```
#040520
```
#040520 rgb(4,5,32)
```
#060832
```
#060832 rgb(6,8,50)
```
#090a43
```
#090a43 rgb(9,10,67)
```
#0b0d55
```
#0b0d55 rgb(11,13,85)
```
#0d0f66
```
#0d0f66 rgb(13,15,102)
```
#0f1277
```
#0f1277 rgb(15,18,119)
```
#121589
```
#121589 rgb(18,21,137)
```
#14179a
```
#14179a rgb(20,23,154)
```
#161aac
```
#161aac rgb(22,26,172)
```
#181dbd
```
#181dbd rgb(24,29,189)
```
#1a1fce
```
#1a1fce rgb(26,31,206)
```
#1d22e0
```
#1d22e0 rgb(29,34,224)
```

Shade Color Variation

#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#3d42e6
```
#3d42e6 rgb(61,66,230)
```
#4f53e8
```
#4f53e8 rgb(79,83,232)
```
#6064eb
```
#6064eb rgb(96,100,235)
```
#7275ed
```
#7275ed rgb(114,117,237)
```
#8386ef
```
#8386ef rgb(131,134,239)
```
#9497f1
```
#9497f1 rgb(148,151,241)
```
#a6a8f4
```
#a6a8f4 rgb(166,168,244)
```
#b7b9f6
```
#b7b9f6 rgb(183,185,246)
```
#c9caf8
```
#c9caf8 rgb(201,202,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 #1a20f6 is the most saturated one.

#888888
```
#888888 rgb(136,136,136)
```
#7e7f92
```
#7e7f92 rgb(126,127,146)
```
#75769b
```
#75769b rgb(117,118,155)
```
#6c6ea4
```
#6c6ea4 rgb(108,110,164)
```
#6365ad
```
#6365ad rgb(99,101,173)
```
#5a5cb6
```
#5a5cb6 rgb(90,92,182)
```
#5154bf
```
#5154bf rgb(81,84,191)
```
#474bc9
```
#474bc9 rgb(71,75,201)
```
#3e42d2
```
#3e42d2 rgb(62,66,210)
```
#353adb
```
#353adb rgb(53,58,219)
```
#2c31e4
```
#2c31e4 rgb(44,49,228)
```
#2328ed
```
#2328ed rgb(35,40,237)
```
#1a20f6
```
#1a20f6 rgb(26,32,246)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1049bf Protanomaly 1% of men, 0.01% of women
#104db0 Deuteranomaly 6% of men, 0.4% of women
#105195 Tritanomaly 0.01% of the population

#2c31e4 hex color

#2c31e4 Color Information

#2c31e4 Color Conversion

Color Schemes with #2c31e4

Alternatives to #2c31e4

#2c31e4 Preview

Shades and Tints of #2c31e4

Tones of #2c31e4

Color Blindness Simulator