#2e63f1 hex color

In a RGB color space, hex #2e63f1 is composed of 18% red, 38.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 58.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 223.7 degrees, a saturation of 87.4% and a lightness of 56.3%. #2e63f1 color hex could be obtained by blending #5cc6ff with #0000e3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 39
- B 95
RGB color chart
- C 81
- M 59
- Y 0
- K 5
CMYK color chart

● #2e63f1 color description : Bright blue.

The hexadecimal color #2e63f1 has RGB values of R:46, G:99, B:241 and CMYK values of C:0.81, M:0.59, Y:0, K:0.05. Its decimal value is 3040241.

Hex triplet	2e63f1	`#2e63f1`
RGB Decimal	46, 99, 241	`rgb(46,99,241)`
RGB Percent	18, 38.8, 94.5	`rgb(18%,38.8%,94.5%)`
CMYK	81, 59, 0, 5
HSL	223.7°, 87.4, 56.3	`hsl(223.7,87.4%,56.3%)`
HSV (or HSB)	223.7°, 80.9, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.782, 33.861, -76.013
XYZ	21.462, 15.854, 85.143
xyY	0.175, 0.129, 15.854
CIE-LCH	46.782, 83.214, 294.011
CIE-LUV	46.782, -18.88, -116.232
Hunter-Lab	39.817, 26.537, -98.912
Binary	00101110, 01100011, 11110001

#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#f1bc2e
```
#f1bc2e rgb(241,188,46)
```

Complementary Color

#2ec5f1
```
#2ec5f1 rgb(46,197,241)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#5b2ef1
```
#5b2ef1 rgb(91,46,241)
```

Analogous Color

#c5f12e
```
#c5f12e rgb(197,241,46)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#f15b2e
```
#f15b2e rgb(241,91,46)
```

Split Complementary Color

#63f12e
```
#63f12e rgb(99,241,46)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#f12e63
```
#f12e63 rgb(241,46,99)
```

Triadic Color

#2ef1bc
```
#2ef1bc rgb(46,241,188)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#f12e63
```
#f12e63 rgb(241,46,99)
```
#f1bc2e
```
#f1bc2e rgb(241,188,46)
```

Tetradic Color

#0d3fc5
```
#0d3fc5 rgb(13,63,197)
```
#0f47dd
```
#0f47dd rgb(15,71,221)
```
#1651ef
```
#1651ef rgb(22,81,239)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#4675f3
```
#4675f3 rgb(70,117,243)
```
#5e87f4
```
#5e87f4 rgb(94,135,244)
```
#7699f6
```
#7699f6 rgb(118,153,246)
```

Monochromatic Color

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

#2e94f1
```
#2e94f1 rgb(46,148,241)
```
#2e84f1
```
#2e84f1 rgb(46,132,241)
```
#2e73f1
```
#2e73f1 rgb(46,115,241)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#2e53f1
```
#2e53f1 rgb(46,83,241)
```
#2e43f1
```
#2e43f1 rgb(46,67,241)
```
#2e32f1
```
#2e32f1 rgb(46,50,241)
```

Similar Colors

Text with hexadecimal color #2e63f1

This text has a font color of #2e63f1.

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

#2e63f1 background color

This paragraph has a background color of #2e63f1.

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

#2e63f1 border color

This element has a border color of #2e63f1.

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

CSS codes

.text {color:#2e63f1;}

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

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

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, #01040c is the darkest color, while #f8faff is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#020a1e
```
#020a1e rgb(2,10,30)
```
#031030
```
#031030 rgb(3,16,48)
```
#041543
```
#041543 rgb(4,21,67)
```
#061b55
```
#061b55 rgb(6,27,85)
```
#072168
```
#072168 rgb(7,33,104)
```
#08277a
```
#08277a rgb(8,39,122)
```
#092d8c
```
#092d8c rgb(9,45,140)
```
#0b339f
```
#0b339f rgb(11,51,159)
```
#0c39b1
```
#0c39b1 rgb(12,57,177)
```
#0d3fc3
```
#0d3fc3 rgb(13,63,195)
```
#0e45d6
```
#0e45d6 rgb(14,69,214)
```
#104ae8
```
#104ae8 rgb(16,74,232)
```

Shade Color Variation

#1c55f0
```
#1c55f0 rgb(28,85,240)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#4071f2
```
#4071f2 rgb(64,113,242)
```
#537ef3
```
#537ef3 rgb(83,126,243)
```
#658cf5
```
#658cf5 rgb(101,140,245)
```
#789af6
```
#789af6 rgb(120,154,246)
```
#8aa8f7
```
#8aa8f7 rgb(138,168,247)
```
#9cb5f8
```
#9cb5f8 rgb(156,181,248)
```
#afc3fa
```
#afc3fa rgb(175,195,250)
```
#c1d1fb
```
#c1d1fb rgb(193,209,251)
```
#d3defc
```
#d3defc rgb(211,222,252)
```
#e6ecfd
```
#e6ecfd rgb(230,236,253)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8e93 is the less saturated color, while #255ffa is the most saturated one.

#8c8e93
```
#8c8e93 rgb(140,142,147)
```
#848a9b
```
#848a9b rgb(132,138,155)
```
#7b86a4
```
#7b86a4 rgb(123,134,164)
```
#7382ac
```
#7382ac rgb(115,130,172)
```
#6a7eb5
```
#6a7eb5 rgb(106,126,181)
```
#617abe
```
#617abe rgb(97,122,190)
```
#5977c6
```
#5977c6 rgb(89,119,198)
```
#5073cf
```
#5073cf rgb(80,115,207)
```
#486fd7
```
#486fd7 rgb(72,111,215)
```
#3f6be0
```
#3f6be0 rgb(63,107,224)
```
#3767e8
```
#3767e8 rgb(55,103,232)
```
#2e63f1
```
#2e63f1 rgb(46,99,241)
```
#255ffa
```
#255ffa rgb(37,95,250)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#106de6 Protanomaly 1% of men, 0.01% of women
#1071d4 Deuteranomaly 6% of men, 0.4% of women
#1076ae Tritanomaly 0.01% of the population

#2e63f1 hex color

#2e63f1 Color Information

#2e63f1 Color Conversion

Color Schemes with #2e63f1

Alternatives to #2e63f1

#2e63f1 Preview

Shades and Tints of #2e63f1

Tones of #2e63f1

Color Blindness Simulator