colorhexa.com

#2e6bf5 hex color

In a RGB color space, hex #2e6bf5 is composed of 18% red, 42% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 56.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 221.6 degrees, a saturation of 90.9% and a lightness of 57.1%. #2e6bf5 color hex could be obtained by blending #5cd6ff with #0000eb. Closest websafe color is: #3366ff.

- R 18
- G 42
- B 96
RGB color chart
- C 81
- M 56
- Y 0
- K 4
CMYK color chart

● #2e6bf5 color description : Bright blue.

The hexadecimal color #2e6bf5 has RGB values of R:46, G:107, B:245 and CMYK values of C:0.81, M:0.56, Y:0, K:0.04. Its decimal value is 3042293.

Hex triplet	2e6bf5	`#2e6bf5`
RGB Decimal	46, 107, 245	`rgb(46,107,245)`
RGB Percent	18, 42, 96.1	`rgb(18%,42%,96.1%)`
CMYK	81, 56, 0, 4
HSL	221.6°, 90.9, 57.1	`hsl(221.6,90.9%,57.1%)`
HSV (or HSB)	221.6°, 81.2, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.114, 30.29, -74.446
XYZ	22.862, 17.687, 88.59
xyY	0.177, 0.137, 17.687
CIE-LCH	49.114, 80.372, 292.14
CIE-LUV	49.114, -20.911, -115.547
Hunter-Lab	42.056, 23.438, -95.454
Binary	00101110, 01101011, 11110101

#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#f5b82e
```
#f5b82e rgb(245,184,46)
```

Complementary Color

#2ecff5
```
#2ecff5 rgb(46,207,245)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#542ef5
```
#542ef5 rgb(84,46,245)
```

Analogous Color

#cff52e
```
#cff52e rgb(207,245,46)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#f5542e
```
#f5542e rgb(245,84,46)
```

Split Complementary Color

#6bf52e
```
#6bf52e rgb(107,245,46)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#f52e6b
```
#f52e6b rgb(245,46,107)
```

Triadic Color

#2ef5b8
```
#2ef5b8 rgb(46,245,184)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#f52e6b
```
#f52e6b rgb(245,46,107)
```
#f5b82e
```
#f5b82e rgb(245,184,46)
```

Tetradic Color

#0a46cd
```
#0a46cd rgb(10,70,205)
```
#0b4ee5
```
#0b4ee5 rgb(11,78,229)
```
#165af4
```
#165af4 rgb(22,90,244)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#467cf6
```
#467cf6 rgb(70,124,246)
```
#5f8df7
```
#5f8df7 rgb(95,141,247)
```
#779ff8
```
#779ff8 rgb(119,159,248)
```

Monochromatic Color

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

#2e9df5
```
#2e9df5 rgb(46,157,245)
```
#2e8cf5
```
#2e8cf5 rgb(46,140,245)
```
#2e7cf5
```
#2e7cf5 rgb(46,124,245)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#2e5af5
```
#2e5af5 rgb(46,90,245)
```
#2e4af5
```
#2e4af5 rgb(46,74,245)
```
#2e39f5
```
#2e39f5 rgb(46,57,245)
```

Similar Colors

Text with hexadecimal color #2e6bf5

This text has a font color of #2e6bf5.

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

#2e6bf5 background color

This paragraph has a background color of #2e6bf5.

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

#2e6bf5 border color

This element has a border color of #2e6bf5.

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

CSS codes

.text {color:#2e6bf5;}

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

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

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

#010510
```
#010510 rgb(1,5,16)
```
#020c22
```
#020c22 rgb(2,12,34)
```
#031235
```
#031235 rgb(3,18,53)
```
#031848
```
#031848 rgb(3,24,72)
```
#041f5b
```
#041f5b rgb(4,31,91)
```
#05256d
```
#05256d rgb(5,37,109)
```
#062b80
```
#062b80 rgb(6,43,128)
```
#073293
```
#073293 rgb(7,50,147)
```
#0838a5
```
#0838a5 rgb(8,56,165)
```
#093fb8
```
#093fb8 rgb(9,63,184)
```
#0a45cb
```
#0a45cb rgb(10,69,203)
```
#0b4bde
```
#0b4bde rgb(11,75,222)
```
#0b52f0
```
#0b52f0 rgb(11,82,240)
```

Shade Color Variation

#1b5ef4
```
#1b5ef4 rgb(27,94,244)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#4178f6
```
#4178f6 rgb(65,120,246)
```
#5386f7
```
#5386f7 rgb(83,134,247)
```
#6693f8
```
#6693f8 rgb(102,147,248)
```
#79a0f9
```
#79a0f9 rgb(121,160,249)
```
#8cadf9
```
#8cadf9 rgb(140,173,249)
```
#9ebbfa
```
#9ebbfa rgb(158,187,250)
```
#b1c8fb
```
#b1c8fb rgb(177,200,251)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#d6e2fd
```
#d6e2fd rgb(214,226,253)
```
#e9f0fe
```
#e9f0fe rgb(233,240,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8b8f98
```
#8b8f98 rgb(139,143,152)
```
#828ca1
```
#828ca1 rgb(130,140,161)
```
#7a88a9
```
#7a88a9 rgb(122,136,169)
```
#7185b2
```
#7185b2 rgb(113,133,178)
```
#6982ba
```
#6982ba rgb(105,130,186)
```
#617fc2
```
#617fc2 rgb(97,127,194)
```
#587bcb
```
#587bcb rgb(88,123,203)
```
#5078d3
```
#5078d3 rgb(80,120,211)
```
#4775dc
```
#4775dc rgb(71,117,220)
```
#3f72e4
```
#3f72e4 rgb(63,114,228)
```
#366eed
```
#366eed rgb(54,110,237)
```
#2e6bf5
```
#2e6bf5 rgb(46,107,245)
```
#2668fd
```
#2668fd rgb(38,104,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#00888f Tritanopia 0.001% of the population

Trichromacy

#1073ee Protanomaly 1% of men, 0.01% of women
#1077db Deuteranomaly 6% of men, 0.4% of women
#107db4 Tritanomaly 0.01% of the population