#2e5bfb hex color

In a RGB color space, hex #2e5bfb is composed of 18% red, 35.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 63.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 226.8 degrees, a saturation of 96.2% and a lightness of 58.2%. #2e5bfb color hex could be obtained by blending #5cb6ff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 36
- B 98
RGB color chart
- C 82
- M 64
- Y 0
- K 2
CMYK color chart

● #2e5bfb color description : Bright blue.

The hexadecimal color #2e5bfb has RGB values of R:46, G:91, B:251 and CMYK values of C:0.82, M:0.64, Y:0, K:0.02. Its decimal value is 3038203.

Hex triplet	2e5bfb	`#2e5bfb`
RGB Decimal	46, 91, 251	`rgb(46,91,251)`
RGB Percent	18, 35.7, 98.4	`rgb(18%,35.7%,98.4%)`
CMYK	82, 64, 0, 2
HSL	226.8°, 96.2, 58.2	`hsl(226.8,96.2%,58.2%)`
HSV (or HSB)	226.8°, 81.7, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.67, 42.457, -83.423
XYZ	22.277, 15.026, 92.988
xyY	0.171, 0.115, 15.026
CIE-LCH	45.67, 93.606, 296.973
CIE-LUV	45.67, -17.004, -125.595
Hunter-Lab	38.764, 34.743, -115.092
Binary	00101110, 01011011, 11111011

#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#fbce2e
```
#fbce2e rgb(251,206,46)
```

Complementary Color

#2ec2fb
```
#2ec2fb rgb(46,194,251)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#682efb
```
#682efb rgb(104,46,251)
```

Analogous Color

#c2fb2e
```
#c2fb2e rgb(194,251,46)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#fb682e
```
#fb682e rgb(251,104,46)
```

Split Complementary Color

#5bfb2e
```
#5bfb2e rgb(91,251,46)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#fb2e5b
```
#fb2e5b rgb(251,46,91)
```

Triadic Color

#2efbce
```
#2efbce rgb(46,251,206)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#fb2e5b
```
#fb2e5b rgb(251,46,91)
```
#fbce2e
```
#fbce2e rgb(251,206,46)
```

Tetradic Color

#0433d8
```
#0433d8 rgb(4,51,216)
```
#0539f1
```
#0539f1 rgb(5,57,241)
```
#1547fb
```
#1547fb rgb(21,71,251)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#476ffb
```
#476ffb rgb(71,111,251)
```
#6082fc
```
#6082fc rgb(96,130,252)
```
#7996fc
```
#7996fc rgb(121,150,252)
```

Monochromatic Color

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

#2e8efb
```
#2e8efb rgb(46,142,251)
```
#2e7dfb
```
#2e7dfb rgb(46,125,251)
```
#2e6cfb
```
#2e6cfb rgb(46,108,251)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#2e4afb
```
#2e4afb rgb(46,74,251)
```
#2e39fb
```
#2e39fb rgb(46,57,251)
```
#342efb
```
#342efb rgb(52,46,251)
```

Similar Colors

Text with hexadecimal color #2e5bfb

This text has a font color of #2e5bfb.

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

#2e5bfb background color

This paragraph has a background color of #2e5bfb.

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

#2e5bfb border color

This element has a border color of #2e5bfb.

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

CSS codes

.text {color:#2e5bfb;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000516
```
#000516 rgb(0,5,22)
```
#010a29
```
#010a29 rgb(1,10,41)
```
#010e3c
```
#010e3c rgb(1,14,60)
```
#021350
```
#021350 rgb(2,19,80)
```
#021763
```
#021763 rgb(2,23,99)
```
#021c76
```
#021c76 rgb(2,28,118)
```
#032089
```
#032089 rgb(3,32,137)
```
#03259d
```
#03259d rgb(3,37,157)
```
#0329b0
```
#0329b0 rgb(3,41,176)
```
#042ec3
```
#042ec3 rgb(4,46,195)
```
#0432d6
```
#0432d6 rgb(4,50,214)
```
#0437ea
```
#0437ea rgb(4,55,234)
```

Shade Color Variation

#083dfa
```
#083dfa rgb(8,61,250)
```
#1b4cfb
```
#1b4cfb rgb(27,76,251)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```
#416afb
```
#416afb rgb(65,106,251)
```
#5479fc
```
#5479fc rgb(84,121,252)
```
#6888fc
```
#6888fc rgb(104,136,252)
```
#7b97fc
```
#7b97fc rgb(123,151,252)
```
#8ea7fd
```
#8ea7fd rgb(142,167,253)
```
#a1b6fd
```
#a1b6fd rgb(161,182,253)
```
#b5c5fe
```
#b5c5fe rgb(181,197,254)
```
#c8d4fe
```
#c8d4fe rgb(200,212,254)
```
#dbe3fe
```
#dbe3fe rgb(219,227,254)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#909299
```
#909299 rgb(144,146,153)
```
#888ea1
```
#888ea1 rgb(136,142,161)
```
#8089a9
```
#8089a9 rgb(128,137,169)
```
#7884b1
```
#7884b1 rgb(120,132,177)
```
#7080b9
```
#7080b9 rgb(112,128,185)
```
#677bc2
```
#677bc2 rgb(103,123,194)
```
#5f77ca
```
#5f77ca rgb(95,119,202)
```
#5772d2
```
#5772d2 rgb(87,114,210)
```
#4f6dda
```
#4f6dda rgb(79,109,218)
```
#4769e2
```
#4769e2 rgb(71,105,226)
```
#3e64eb
```
#3e64eb rgb(62,100,235)
```
#3660f3
```
#3660f3 rgb(54,96,243)
```
#2e5bfb
```
#2e5bfb rgb(46,91,251)
```

Tone Color Variation

Below, you can see how #2e5bfb 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
#565f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#1068e6 Protanomaly 1% of men, 0.01% of women
#106cd4 Deuteranomaly 6% of men, 0.4% of women
#1072b0 Tritanomaly 0.01% of the population

#2e5bfb hex color

#2e5bfb Color Information

#2e5bfb Color Conversion

Color Schemes with #2e5bfb

Alternatives to #2e5bfb

#2e5bfb Preview

Shades and Tints of #2e5bfb

Tones of #2e5bfb

Color Blindness Simulator