#2e5bfe hex color

In a RGB color space, hex #2e5bfe is composed of 18% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 227 degrees, a saturation of 99% and a lightness of 58.8%. #2e5bfe color hex could be obtained by blending #5cb6ff with #0000fd. Closest websafe color is: #3366ff.

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

● #2e5bfe color description : Bright blue.

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

Hex triplet	2e5bfe	`#2e5bfe`
RGB Decimal	46, 91, 254	`rgb(46,91,254)`
RGB Percent	18, 35.7, 99.6	`rgb(18%,35.7%,99.6%)`
CMYK	82, 64, 0, 0
HSL	227°, 99, 58.8	`hsl(227,99%,58.8%)`
HSV (or HSB)	227°, 81.9, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.93, 43.521, -84.668
XYZ	22.753, 15.217, 95.498
xyY	0.17, 0.114, 15.217
CIE-LCH	45.93, 95.198, 297.204
CIE-LUV	45.93, -17.025, -127.504
Hunter-Lab	39.009, 35.851, -117.842
Binary	00101110, 01011011, 11111110

#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#fed12e
```
#fed12e rgb(254,209,46)
```

Complementary Color

#2ec3fe
```
#2ec3fe rgb(46,195,254)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#692efe
```
#692efe rgb(105,46,254)
```

Analogous Color

#c3fe2e
```
#c3fe2e rgb(195,254,46)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#fe692e
```
#fe692e rgb(254,105,46)
```

Split Complementary Color

#5bfe2e
```
#5bfe2e rgb(91,254,46)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#fe2e5b
```
#fe2e5b rgb(254,46,91)
```

Triadic Color

#2efed1
```
#2efed1 rgb(46,254,209)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#fe2e5b
```
#fe2e5b rgb(254,46,91)
```
#fed12e
```
#fed12e rgb(254,209,46)
```

Tetradic Color

#0131de
```
#0131de rgb(1,49,222)
```
#0137f8
```
#0137f8 rgb(1,55,248)
```
#1547fe
```
#1547fe rgb(21,71,254)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#476ffe
```
#476ffe rgb(71,111,254)
```
#6183fe
```
#6183fe rgb(97,131,254)
```
#7a97fe
```
#7a97fe rgb(122,151,254)
```

Monochromatic Color

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

#2e8ffe
```
#2e8ffe rgb(46,143,254)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#2e6cfe
```
#2e6cfe rgb(46,108,254)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#2e4afe
```
#2e4afe rgb(46,74,254)
```
#2e38fe
```
#2e38fe rgb(46,56,254)
```
#352efe
```
#352efe rgb(53,46,254)
```

Similar Colors

Text with hexadecimal color #2e5bfe

This text has a font color of #2e5bfe.

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

#2e5bfe background color

This paragraph has a background color of #2e5bfe.

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

#2e5bfe border color

This element has a border color of #2e5bfe.

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

CSS codes

.text {color:#2e5bfe;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#000619
```
#000619 rgb(0,6,25)
```
#000a2d
```
#000a2d rgb(0,10,45)
```
#000e40
```
#000e40 rgb(0,14,64)
```
#001254
```
#001254 rgb(0,18,84)
```
#001767
```
#001767 rgb(0,23,103)
```
#011b7b
```
#011b7b rgb(1,27,123)
```
#011f8e
```
#011f8e rgb(1,31,142)
```
#0124a2
```
#0124a2 rgb(1,36,162)
```
#0128b5
```
#0128b5 rgb(1,40,181)
```
#012cc9
```
#012cc9 rgb(1,44,201)
```
#0131dc
```
#0131dc rgb(1,49,220)
```
#0135f0
```
#0135f0 rgb(1,53,240)
```

Shade Color Variation

#073cfe
```
#073cfe rgb(7,60,254)
```
#1a4cfe
```
#1a4cfe rgb(26,76,254)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#426afe
```
#426afe rgb(66,106,254)
```
#557afe
```
#557afe rgb(85,122,254)
```
#6989fe
```
#6989fe rgb(105,137,254)
```
#7c98fe
```
#7c98fe rgb(124,152,254)
```
#90a8fe
```
#90a8fe rgb(144,168,254)
```
#a3b7ff
```
#a3b7ff rgb(163,183,255)
```
#b7c6ff
```
#b7c6ff rgb(183,198,255)
```
#cad6ff
```
#cad6ff rgb(202,214,255)
```
#dee5ff
```
#dee5ff rgb(222,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#8f929d
```
#8f929d rgb(143,146,157)
```
#878da5
```
#878da5 rgb(135,141,165)
```
#7f89ad
```
#7f89ad rgb(127,137,173)
```
#7784b5
```
#7784b5 rgb(119,132,181)
```
#6f80bd
```
#6f80bd rgb(111,128,189)
```
#677bc5
```
#677bc5 rgb(103,123,197)
```
#5e76ce
```
#5e76ce rgb(94,118,206)
```
#5672d6
```
#5672d6 rgb(86,114,214)
```
#4e6dde
```
#4e6dde rgb(78,109,222)
```
#4669e6
```
#4669e6 rgb(70,105,230)
```
#3e64ee
```
#3e64ee rgb(62,100,238)
```
#3660f6
```
#3660f6 rgb(54,96,246)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```

Tone Color Variation

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

Dichromacy

#0070dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1068e8 Protanomaly 1% of men, 0.01% of women
#106dd6 Deuteranomaly 6% of men, 0.4% of women
#1072b1 Tritanomaly 0.01% of the population

#2e5bfe hex color

#2e5bfe Color Information

#2e5bfe Color Conversion

Color Schemes with #2e5bfe

Alternatives to #2e5bfe

#2e5bfe Preview

Shades and Tints of #2e5bfe

Tones of #2e5bfe

Color Blindness Simulator