#2c63ea hex color

In a RGB color space, hex #2c63ea is composed of 17.3% red, 38.8% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 57.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 222.6 degrees, a saturation of 81.9% and a lightness of 54.5%. #2c63ea color hex could be obtained by blending #58c6ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 39
- B 92
RGB color chart
- C 81
- M 58
- Y 0
- K 8
CMYK color chart

● #2c63ea color description : Bright blue.

The hexadecimal color #2c63ea has RGB values of R:44, G:99, B:234 and CMYK values of C:0.81, M:0.58, Y:0, K:0.08. Its decimal value is 2909162.

Hex triplet	2c63ea	`#2c63ea`
RGB Decimal	44, 99, 234	`rgb(44,99,234)`
RGB Percent	17.3, 38.8, 91.8	`rgb(17.3%,38.8%,91.8%)`
CMYK	81, 58, 0, 8
HSL	222.6°, 81.9, 54.5	`hsl(222.6,81.9%,54.5%)`
HSV (or HSB)	222.6°, 81.2, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.175, 31.119, -73.075
XYZ	20.349, 15.398, 79.737
xyY	0.176, 0.133, 15.398
CIE-LCH	46.175, 79.425, 293.067
CIE-LUV	46.175, -19.154, -111.543
Hunter-Lab	39.24, 23.893, -93.01
Binary	00101100, 01100011, 11101010

#2c63ea
```
#2c63ea rgb(44,99,234)
```
#eab32c
```
#eab32c rgb(234,179,44)
```

Complementary Color

#2cc2ea
```
#2cc2ea rgb(44,194,234)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#542cea
```
#542cea rgb(84,44,234)
```

Analogous Color

#c2ea2c
```
#c2ea2c rgb(194,234,44)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#ea542c
```
#ea542c rgb(234,84,44)
```

Split Complementary Color

#63ea2c
```
#63ea2c rgb(99,234,44)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#ea2c63
```
#ea2c63 rgb(234,44,99)
```

Triadic Color

#2ceab3
```
#2ceab3 rgb(44,234,179)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#ea2c63
```
#ea2c63 rgb(234,44,99)
```
#eab32c
```
#eab32c rgb(234,179,44)
```

Tetradic Color

#1242b7
```
#1242b7 rgb(18,66,183)
```
#154ace
```
#154ace rgb(21,74,206)
```
#1753e6
```
#1753e6 rgb(23,83,230)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#4374ec
```
#4374ec rgb(67,116,236)
```
#5a85ef
```
#5a85ef rgb(90,133,239)
```
#7296f1
```
#7296f1 rgb(114,150,241)
```

Monochromatic Color

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

#2c93ea
```
#2c93ea rgb(44,147,234)
```
#2c83ea
```
#2c83ea rgb(44,131,234)
```
#2c73ea
```
#2c73ea rgb(44,115,234)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#2c53ea
```
#2c53ea rgb(44,83,234)
```
#2c43ea
```
#2c43ea rgb(44,67,234)
```
#2c34ea
```
#2c34ea rgb(44,52,234)
```

Similar Colors

Text with hexadecimal color #2c63ea

This text has a font color of #2c63ea.

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

#2c63ea background color

This paragraph has a background color of #2c63ea.

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

#2c63ea border color

This element has a border color of #2c63ea.

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

CSS codes

.text {color:#2c63ea;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020815
```
#020815 rgb(2,8,21)
```
#040e27
```
#040e27 rgb(4,14,39)
```
#061439
```
#061439 rgb(6,20,57)
```
#071b4a
```
#071b4a rgb(7,27,74)
```
#09215c
```
#09215c rgb(9,33,92)
```
#0b286e
```
#0b286e rgb(11,40,110)
```
#0d2e80
```
#0d2e80 rgb(13,46,128)
```
#0f3592
```
#0f3592 rgb(15,53,146)
```
#103ba4
```
#103ba4 rgb(16,59,164)
```
#1241b5
```
#1241b5 rgb(18,65,181)
```
#1448c7
```
#1448c7 rgb(20,72,199)
```
#164ed9
```
#164ed9 rgb(22,78,217)
```

Shade Color Variation

#1a56e8
```
#1a56e8 rgb(26,86,232)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#3e70ec
```
#3e70ec rgb(62,112,236)
```
#507dee
```
#507dee rgb(80,125,238)
```
#628bef
```
#628bef rgb(98,139,239)
```
#7398f1
```
#7398f1 rgb(115,152,241)
```
#85a5f3
```
#85a5f3 rgb(133,165,243)
```
#97b2f5
```
#97b2f5 rgb(151,178,245)
```
#a9bff6
```
#a9bff6 rgb(169,191,246)
```
#bbcdf8
```
#bbcdf8 rgb(187,205,248)
```
#cddafa
```
#cddafa rgb(205,218,250)
```
#dee7fc
```
#dee7fc rgb(222,231,252)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

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

#858991
```
#858991 rgb(133,137,145)
```
#7c859a
```
#7c859a rgb(124,133,154)
```
#7381a3
```
#7381a3 rgb(115,129,163)
```
#6a7dac
```
#6a7dac rgb(106,125,172)
```
#627ab4
```
#627ab4 rgb(98,122,180)
```
#5976bd
```
#5976bd rgb(89,118,189)
```
#5072c6
```
#5072c6 rgb(80,114,198)
```
#476ecf
```
#476ecf rgb(71,110,207)
```
#3e6bd8
```
#3e6bd8 rgb(62,107,216)
```
#3567e1
```
#3567e1 rgb(53,103,225)
```
#2c63ea
```
#2c63ea rgb(44,99,234)
```
#235ff3
```
#235ff3 rgb(35,95,243)
```
#1a5bfc
```
#1a5bfc rgb(26,91,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#57627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#106ce2 Protanomaly 1% of men, 0.01% of women
#1070d0 Deuteranomaly 6% of men, 0.4% of women
#1075ab Tritanomaly 0.01% of the population

#2c63ea hex color

#2c63ea Color Information

#2c63ea Color Conversion

Color Schemes with #2c63ea

Alternatives to #2c63ea

#2c63ea Preview

Shades and Tints of #2c63ea

Tones of #2c63ea

Color Blindness Simulator