#2e63c2 hex color

In a RGB color space, hex #2e63c2 is composed of 18% red, 38.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 49% magenta, 0% yellow and 23.9% black. It has a hue angle of 218.5 degrees, a saturation of 61.7% and a lightness of 47.1%. #2e63c2 color hex could be obtained by blending #5cc6ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 76
RGB color chart
- C 76
- M 49
- Y 0
- K 24
CMYK color chart

● #2e63c2 color description : Strong blue.

The hexadecimal color #2e63c2 has RGB values of R:46, G:99, B:194 and CMYK values of C:0.76, M:0.49, Y:0, K:0.24. Its decimal value is 3040194.

Hex triplet	2e63c2	`#2e63c2`
RGB Decimal	46, 99, 194	`rgb(46,99,194)`
RGB Percent	18, 38.8, 76.1	`rgb(18%,38.8%,76.1%)`
CMYK	76, 49, 0, 24
HSL	218.5°, 61.7, 47.1	`hsl(218.5,61.7%,47.1%)`
HSV (or HSB)	218.5°, 76.3, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.358, 16.282, -54.802
XYZ	15.324, 13.398, 52.815
xyY	0.188, 0.164, 13.398
CIE-LCH	43.358, 57.17, 286.547
CIE-LUV	43.358, -19.317, -82.605
Hunter-Lab	36.604, 10.671, -59.925
Binary	00101110, 01100011, 11000010

#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#c28d2e
```
#c28d2e rgb(194,141,46)
```

Complementary Color

#2eadc2
```
#2eadc2 rgb(46,173,194)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#432ec2
```
#432ec2 rgb(67,46,194)
```

Analogous Color

#adc22e
```
#adc22e rgb(173,194,46)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#c2432e
```
#c2432e rgb(194,67,46)
```

Split Complementary Color

#63c22e
```
#63c22e rgb(99,194,46)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#c22e63
```
#c22e63 rgb(194,46,99)
```

Triadic Color

#2ec28d
```
#2ec28d rgb(46,194,141)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#c22e63
```
#c22e63 rgb(194,46,99)
```
#c28d2e
```
#c28d2e rgb(194,141,46)
```

Tetradic Color

#1f4384
```
#1f4384 rgb(31,67,132)
```
#244e99
```
#244e99 rgb(36,78,153)
```
#2958ad
```
#2958ad rgb(41,88,173)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#396fd0
```
#396fd0 rgb(57,111,208)
```
#4e7ed5
```
#4e7ed5 rgb(78,126,213)
```
#638dda
```
#638dda rgb(99,141,218)
```

Monochromatic Color

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

#2e88c2
```
#2e88c2 rgb(46,136,194)
```
#2e7cc2
```
#2e7cc2 rgb(46,124,194)
```
#2e6fc2
```
#2e6fc2 rgb(46,111,194)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#2e57c2
```
#2e57c2 rgb(46,87,194)
```
#2e4ac2
```
#2e4ac2 rgb(46,74,194)
```
#2e3ec2
```
#2e3ec2 rgb(46,62,194)
```

Similar Colors

Text with hexadecimal color #2e63c2

This text has a font color of #2e63c2.

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

#2e63c2 background color

This paragraph has a background color of #2e63c2.

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

#2e63c2 border color

This element has a border color of #2e63c2.

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

CSS codes

.text {color:#2e63c2;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#081223
```
#081223 rgb(8,18,35)
```
#0c1a33
```
#0c1a33 rgb(12,26,51)
```
#102243
```
#102243 rgb(16,34,67)
```
#142a53
```
#142a53 rgb(20,42,83)
```
#173263
```
#173263 rgb(23,50,99)
```
#1b3b73
```
#1b3b73 rgb(27,59,115)
```
#1f4383
```
#1f4383 rgb(31,67,131)
```
#234b92
```
#234b92 rgb(35,75,146)
```
#2653a2
```
#2653a2 rgb(38,83,162)
```
#2a5bb2
```
#2a5bb2 rgb(42,91,178)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```

Shade Color Variation

#356ccf
```
#356ccf rgb(53,108,207)
```
#4477d3
```
#4477d3 rgb(68,119,211)
```
#5483d7
```
#5483d7 rgb(84,131,215)
```
#648eda
```
#648eda rgb(100,142,218)
```
#749ade
```
#749ade rgb(116,154,222)
```
#84a6e2
```
#84a6e2 rgb(132,166,226)
```
#94b1e6
```
#94b1e6 rgb(148,177,230)
```
#a4bde9
```
#a4bde9 rgb(164,189,233)
```
#b3c8ed
```
#b3c8ed rgb(179,200,237)
```
#c3d4f1
```
#c3d4f1 rgb(195,212,241)
```
#d3dff5
```
#d3dff5 rgb(211,223,245)
```
#e3ebf8
```
#e3ebf8 rgb(227,235,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#6f7581
```
#6f7581 rgb(111,117,129)
```
#65738b
```
#65738b rgb(101,115,139)
```
#5c7094
```
#5c7094 rgb(92,112,148)
```
#536d9d
```
#536d9d rgb(83,109,157)
```
#4a6ba6
```
#4a6ba6 rgb(74,107,166)
```
#4068b0
```
#4068b0 rgb(64,104,176)
```
#3766b9
```
#3766b9 rgb(55,102,185)
```
#2e63c2
```
#2e63c2 rgb(46,99,194)
```
#2560cb
```
#2560cb rgb(37,96,203)
```
#1c5ed4
```
#1c5ed4 rgb(28,94,212)
```
#125bde
```
#125bde rgb(18,91,222)
```
#0959e7
```
#0959e7 rgb(9,89,231)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#545f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#366bc5 Protanopia 1% of men
#0070b9 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#3368c4 Protanomaly 1% of men, 0.01% of women
#106bbc Deuteranomaly 6% of men, 0.4% of women
#107198 Tritanomaly 0.01% of the population

#2e63c2 hex color

#2e63c2 Color Information

#2e63c2 Color Conversion

Color Schemes with #2e63c2

Alternatives to #2e63c2

#2e63c2 Preview

Shades and Tints of #2e63c2

Tones of #2e63c2

Color Blindness Simulator