#2e54fa hex color

In a RGB color space, hex #2e54fa is composed of 18% red, 32.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 66.4% magenta, 0% yellow and 2% black. It has a hue angle of 228.8 degrees, a saturation of 95.3% and a lightness of 58%. #2e54fa color hex could be obtained by blending #5ca8ff with #0000f5. Closest websafe color is: #3366ff.

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

● #2e54fa color description : Bright blue.

The hexadecimal color #2e54fa has RGB values of R:46, G:84, B:250 and CMYK values of C:0.82, M:0.66, Y:0, K:0.02. Its decimal value is 3036410.

Hex triplet	2e54fa	`#2e54fa`
RGB Decimal	46, 84, 250	`rgb(46,84,250)`
RGB Percent	18, 32.9, 98	`rgb(18%,32.9%,98%)`
CMYK	82, 66, 0, 2
HSL	228.8°, 95.3, 58	`hsl(228.8,95.3%,58%)`
HSV (or HSB)	228.8°, 81.6, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.977, 46.362, -85.648
XYZ	21.549, 13.822, 91.969
xyY	0.169, 0.109, 13.822
CIE-LCH	43.977, 97.391, 298.427
CIE-LUV	43.977, -15.484, -126.859
Hunter-Lab	37.178, 38.399, -120.645
Binary	00101110, 01010100, 11111010

#2e54fa
```
#2e54fa rgb(46,84,250)
```
#fad42e
```
#fad42e rgb(250,212,46)
```

Complementary Color

#2ebafa
```
#2ebafa rgb(46,186,250)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#6e2efa
```
#6e2efa rgb(110,46,250)
```

Analogous Color

#bafa2e
```
#bafa2e rgb(186,250,46)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#fa6e2e
```
#fa6e2e rgb(250,110,46)
```

Split Complementary Color

#54fa2e
```
#54fa2e rgb(84,250,46)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#fa2e54
```
#fa2e54 rgb(250,46,84)
```

Triadic Color

#2efad4
```
#2efad4 rgb(46,250,212)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#fa2e54
```
#fa2e54 rgb(250,46,84)
```
#fad42e
```
#fad42e rgb(250,212,46)
```

Tetradic Color

#052cd6
```
#052cd6 rgb(5,44,214)
```
#0631ef
```
#0631ef rgb(6,49,239)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#4768fb
```
#4768fb rgb(71,104,251)
```
#607dfb
```
#607dfb rgb(96,125,251)
```
#7991fc
```
#7991fc rgb(121,145,252)
```

Monochromatic Color

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

#2e87fa
```
#2e87fa rgb(46,135,250)
```
#2e76fa
```
#2e76fa rgb(46,118,250)
```
#2e65fa
```
#2e65fa rgb(46,101,250)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#2e43fa
```
#2e43fa rgb(46,67,250)
```
#2e32fa
```
#2e32fa rgb(46,50,250)
```
#3b2efa
```
#3b2efa rgb(59,46,250)
```

Similar Colors

Text with hexadecimal color #2e54fa

This text has a font color of #2e54fa.

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

#2e54fa background color

This paragraph has a background color of #2e54fa.

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

#2e54fa border color

This element has a border color of #2e54fa.

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

CSS codes

.text {color:#2e54fa;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#010828
```
#010828 rgb(1,8,40)
```
#010c3b
```
#010c3b rgb(1,12,59)
```
#02104e
```
#02104e rgb(2,16,78)
```
#021462
```
#021462 rgb(2,20,98)
```
#031875
```
#031875 rgb(3,24,117)
```
#031c88
```
#031c88 rgb(3,28,136)
```
#04209b
```
#04209b rgb(4,32,155)
```
#0424ae
```
#0424ae rgb(4,36,174)
```
#0528c1
```
#0528c1 rgb(5,40,193)
```
#052cd4
```
#052cd4 rgb(5,44,212)
```
#0630e8
```
#0630e8 rgb(6,48,232)
```

Shade Color Variation

#0835f9
```
#0835f9 rgb(8,53,249)
```
#1b44fa
```
#1b44fa rgb(27,68,250)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#4164fa
```
#4164fa rgb(65,100,250)
```
#5473fb
```
#5473fb rgb(84,115,251)
```
#6783fb
```
#6783fb rgb(103,131,251)
```
#7b93fc
```
#7b93fc rgb(123,147,252)
```
#8ea2fc
```
#8ea2fc rgb(142,162,252)
```
#a1b2fd
```
#a1b2fd rgb(161,178,253)
```
#b4c2fd
```
#b4c2fd rgb(180,194,253)
```
#c7d1fe
```
#c7d1fe rgb(199,209,254)
```
#dae1fe
```
#dae1fe rgb(218,225,254)
```
#eef1ff
```
#eef1ff rgb(238,241,255)
```

Tint Color Variation

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

#919297
```
#919297 rgb(145,146,151)
```
#898d9f
```
#898d9f rgb(137,141,159)
```
#8088a8
```
#8088a8 rgb(128,136,168)
```
#7882b0
```
#7882b0 rgb(120,130,176)
```
#707db8
```
#707db8 rgb(112,125,184)
```
#6878c0
```
#6878c0 rgb(104,120,192)
```
#5f73c9
```
#5f73c9 rgb(95,115,201)
```
#576ed1
```
#576ed1 rgb(87,110,209)
```
#4f69d9
```
#4f69d9 rgb(79,105,217)
```
#4763e1
```
#4763e1 rgb(71,99,225)
```
#3e5eea
```
#3e5eea rgb(62,94,234)
```
#3659f2
```
#3659f2 rgb(54,89,242)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1063e1 Protanomaly 1% of men, 0.01% of women
#1067cf Deuteranomaly 6% of men, 0.4% of women
#106cad Tritanomaly 0.01% of the population

#2e54fa hex color

#2e54fa Color Information

#2e54fa Color Conversion

Color Schemes with #2e54fa

Alternatives to #2e54fa

#2e54fa Preview

Shades and Tints of #2e54fa

Tones of #2e54fa

Color Blindness Simulator