#2e63d6 hex color

In a RGB color space, hex #2e63d6 is composed of 18% red, 38.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 53.7% magenta, 0% yellow and 16.1% black. It has a hue angle of 221.1 degrees, a saturation of 67.2% and a lightness of 51%. #2e63d6 color hex could be obtained by blending #5cc6ff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 84
RGB color chart
- C 79
- M 54
- Y 0
- K 16
CMYK color chart

● #2e63d6 color description : Strong blue.

The hexadecimal color #2e63d6 has RGB values of R:46, G:99, B:214 and CMYK values of C:0.79, M:0.54, Y:0, K:0.16. Its decimal value is 3040214.

Hex triplet	2e63d6	`#2e63d6`
RGB Decimal	46, 99, 214	`rgb(46,99,214)`
RGB Percent	18, 38.8, 83.9	`rgb(18%,38.8%,83.9%)`
CMYK	79, 54, 0, 16
HSL	221.1°, 67.2, 51	`hsl(221.1,67.2%,51%)`
HSV (or HSB)	221.1°, 78.5, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.742, 23.834, -64.063
XYZ	17.724, 14.358, 65.452
xyY	0.182, 0.147, 14.358
CIE-LCH	44.742, 68.353, 290.407
CIE-LUV	44.742, -19.055, -97.387
Hunter-Lab	37.892, 17.179, -75.888
Binary	00101110, 01100011, 11010110

#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#d6a12e
```
#d6a12e rgb(214,161,46)
```

Complementary Color

#2eb7d6
```
#2eb7d6 rgb(46,183,214)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#4d2ed6
```
#4d2ed6 rgb(77,46,214)
```

Analogous Color

#b7d62e
```
#b7d62e rgb(183,214,46)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#d64d2e
```
#d64d2e rgb(214,77,46)
```

Split Complementary Color

#63d62e
```
#63d62e rgb(99,214,46)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#d62e63
```
#d62e63 rgb(214,46,99)
```

Triadic Color

#2ed6a1
```
#2ed6a1 rgb(46,214,161)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#d62e63
```
#d62e63 rgb(214,46,99)
```
#d6a12e
```
#d6a12e rgb(214,161,46)
```

Tetradic Color

#1e4599
```
#1e4599 rgb(30,69,153)
```
#224faf
```
#224faf rgb(34,79,175)
```
#2658c4
```
#2658c4 rgb(38,88,196)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#4373da
```
#4373da rgb(67,115,218)
```
#5983de
```
#5983de rgb(89,131,222)
```
#6e93e3
```
#6e93e3 rgb(110,147,227)
```

Monochromatic Color

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

#2e8dd6
```
#2e8dd6 rgb(46,141,214)
```
#2e7fd6
```
#2e7fd6 rgb(46,127,214)
```
#2e71d6
```
#2e71d6 rgb(46,113,214)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#2e55d6
```
#2e55d6 rgb(46,85,214)
```
#2e47d6
```
#2e47d6 rgb(46,71,214)
```
#2e39d6
```
#2e39d6 rgb(46,57,214)
```

Similar Colors

Text with hexadecimal color #2e63d6

This text has a font color of #2e63d6.

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

#2e63d6 background color

This paragraph has a background color of #2e63d6.

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

#2e63d6 border color

This element has a border color of #2e63d6.

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

CSS codes

.text {color:#2e63d6;}

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

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

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 #f3f6fd is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#040915
```
#040915 rgb(4,9,21)
```
#071125
```
#071125 rgb(7,17,37)
```
#0a1835
```
#0a1835 rgb(10,24,53)
```
#0e1f46
```
#0e1f46 rgb(14,31,70)
```
#112756
```
#112756 rgb(17,39,86)
```
#142e67
```
#142e67 rgb(20,46,103)
```
#173677
```
#173677 rgb(23,54,119)
```
#1b3d87
```
#1b3d87 rgb(27,61,135)
```
#1e4498
```
#1e4498 rgb(30,68,152)
```
#214ca8
```
#214ca8 rgb(33,76,168)
```
#2453b9
```
#2453b9 rgb(36,83,185)
```
#275ac9
```
#275ac9 rgb(39,90,201)
```

Shade Color Variation

#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#3e6fd9
```
#3e6fd9 rgb(62,111,217)
```
#4f7bdc
```
#4f7bdc rgb(79,123,220)
```
#5f88e0
```
#5f88e0 rgb(95,136,224)
```
#7094e3
```
#7094e3 rgb(112,148,227)
```
#80a0e6
```
#80a0e6 rgb(128,160,230)
```
#90ace9
```
#90ace9 rgb(144,172,233)
```
#a1b9ed
```
#a1b9ed rgb(161,185,237)
```
#b1c5f0
```
#b1c5f0 rgb(177,197,240)
```
#c2d1f3
```
#c2d1f3 rgb(194,209,243)
```
#d2ddf6
```
#d2ddf6 rgb(210,221,246)
```
#e2eaf9
```
#e2eaf9 rgb(226,234,249)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7f89 is the less saturated color, while #0855fc is the most saturated one.

#7b7f89
```
#7b7f89 rgb(123,127,137)
```
#717c93
```
#717c93 rgb(113,124,147)
```
#68789c
```
#68789c rgb(104,120,156)
```
#5e75a6
```
#5e75a6 rgb(94,117,166)
```
#5471b0
```
#5471b0 rgb(84,113,176)
```
#4b6eb9
```
#4b6eb9 rgb(75,110,185)
```
#416ac3
```
#416ac3 rgb(65,106,195)
```
#3867cc
```
#3867cc rgb(56,103,204)
```
#2e63d6
```
#2e63d6 rgb(46,99,214)
```
#245fe0
```
#245fe0 rgb(36,95,224)
```
#1b5ce9
```
#1b5ce9 rgb(27,92,233)
```
#1158f3
```
#1158f3 rgb(17,88,243)
```
#0855fc
```
#0855fc rgb(8,85,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#106ad7 Protanomaly 1% of men, 0.01% of women
#106dc6 Deuteranomaly 6% of men, 0.4% of women
#1073a1 Tritanomaly 0.01% of the population

#2e63d6 hex color

#2e63d6 Color Information

#2e63d6 Color Conversion

Color Schemes with #2e63d6

Alternatives to #2e63d6

#2e63d6 Preview

Shades and Tints of #2e63d6

Tones of #2e63d6

Color Blindness Simulator