#2e54bd hex color

In a RGB color space, hex #2e54bd is composed of 18% red, 32.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 55.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 224.1 degrees, a saturation of 60.9% and a lightness of 46.1%. #2e54bd color hex could be obtained by blending #5ca8ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 33
- B 74
RGB color chart
- C 76
- M 56
- Y 0
- K 26
CMYK color chart

● #2e54bd color description : Strong blue.

The hexadecimal color #2e54bd has RGB values of R:46, G:84, B:189 and CMYK values of C:0.76, M:0.56, Y:0, K:0.26. Its decimal value is 3036349.

Hex triplet	2e54bd	`#2e54bd`
RGB Decimal	46, 84, 189	`rgb(46,84,189)`
RGB Percent	18, 32.9, 74.1	`rgb(18%,32.9%,74.1%)`
CMYK	76, 56, 0, 26
HSL	224.1°, 60.9, 46.1	`hsl(224.1,60.9%,46.1%)`
HSV (or HSB)	224.1°, 75.7, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.889, 24.159, -59.123
XYZ	13.48, 10.595, 49.476
xyY	0.183, 0.144, 10.595
CIE-LCH	38.889, 63.868, 292.226
CIE-LUV	38.889, -15.05, -86.517
Hunter-Lab	32.549, 16.964, -67.337
Binary	00101110, 01010100, 10111101

#2e54bd
```
#2e54bd rgb(46,84,189)
```
#bd972e
```
#bd972e rgb(189,151,46)
```

Complementary Color

#2e9cbd
```
#2e9cbd rgb(46,156,189)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#502ebd
```
#502ebd rgb(80,46,189)
```

Analogous Color

#9cbd2e
```
#9cbd2e rgb(156,189,46)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#bd4f2e
```
#bd4f2e rgb(189,79,46)
```

Split Complementary Color

#54bd2e
```
#54bd2e rgb(84,189,46)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#bd2e54
```
#bd2e54 rgb(189,46,84)
```

Triadic Color

#2ebd97
```
#2ebd97 rgb(46,189,151)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#bd2e54
```
#bd2e54 rgb(189,46,84)
```
#bd972e
```
#bd972e rgb(189,151,46)
```

Tetradic Color

#1f397f
```
#1f397f rgb(31,57,127)
```
#244294
```
#244294 rgb(36,66,148)
```
#294ba8
```
#294ba8 rgb(41,75,168)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#365fce
```
#365fce rgb(54,95,206)
```
#4b6fd3
```
#4b6fd3 rgb(75,111,211)
```
#5f7fd8
```
#5f7fd8 rgb(95,127,216)
```

Monochromatic Color

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

#2e78bd
```
#2e78bd rgb(46,120,189)
```
#2e6cbd
```
#2e6cbd rgb(46,108,189)
```
#2e60bd
```
#2e60bd rgb(46,96,189)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#2e48bd
```
#2e48bd rgb(46,72,189)
```
#2e3cbd
```
#2e3cbd rgb(46,60,189)
```
#2e30bd
```
#2e30bd rgb(46,48,189)
```

Similar Colors

Text with hexadecimal color #2e54bd

This text has a font color of #2e54bd.

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

#2e54bd background color

This paragraph has a background color of #2e54bd.

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

#2e54bd border color

This element has a border color of #2e54bd.

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

CSS codes

.text {color:#2e54bd;}

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

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

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, #04070f is the darkest color, while #ffffff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080e1f
```
#080e1f rgb(8,14,31)
```
#0b152f
```
#0b152f rgb(11,21,47)
```
#0f1c3f
```
#0f1c3f rgb(15,28,63)
```
#13234f
```
#13234f rgb(19,35,79)
```
#172a5e
```
#172a5e rgb(23,42,94)
```
#1b316e
```
#1b316e rgb(27,49,110)
```
#1f387e
```
#1f387e rgb(31,56,126)
```
#223f8e
```
#223f8e rgb(34,63,142)
```
#26469d
```
#26469d rgb(38,70,157)
```
#2a4dad
```
#2a4dad rgb(42,77,173)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#325bcd
```
#325bcd rgb(50,91,205)
```

Shade Color Variation

#4168d1
```
#4168d1 rgb(65,104,209)
```
#5174d5
```
#5174d5 rgb(81,116,213)
```
#6181d9
```
#6181d9 rgb(97,129,217)
```
#718ddc
```
#718ddc rgb(113,141,220)
```
#809ae0
```
#809ae0 rgb(128,154,224)
```
#90a7e4
```
#90a7e4 rgb(144,167,228)
```
#a0b3e8
```
#a0b3e8 rgb(160,179,232)
```
#b0c0ec
```
#b0c0ec rgb(176,192,236)
```
#c0ccf0
```
#c0ccf0 rgb(192,204,240)
```
#cfd9f3
```
#cfd9f3 rgb(207,217,243)
```
#dfe6f7
```
#dfe6f7 rgb(223,230,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d727e is the less saturated color, while #013fea is the most saturated one.

#6d727e
```
#6d727e rgb(109,114,126)
```
#646d87
```
#646d87 rgb(100,109,135)
```
#5b6990
```
#5b6990 rgb(91,105,144)
```
#526599
```
#526599 rgb(82,101,153)
```
#4961a2
```
#4961a2 rgb(73,97,162)
```
#405cab
```
#405cab rgb(64,92,171)
```
#3758b4
```
#3758b4 rgb(55,88,180)
```
#2e54bd
```
#2e54bd rgb(46,84,189)
```
#2550c6
```
#2550c6 rgb(37,80,198)
```
#1c4ccf
```
#1c4ccf rgb(28,76,207)
```
#1347d8
```
#1347d8 rgb(19,71,216)
```
#0a43e1
```
#0a43e1 rgb(10,67,225)
```
#013fea
```
#013fea rgb(1,63,234)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d556a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060be Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#105cbd Protanomaly 1% of men, 0.01% of women
#105fae Deuteranomaly 6% of men, 0.4% of women
#10648e Tritanomaly 0.01% of the population

#2e54bd hex color

#2e54bd Color Information

#2e54bd Color Conversion

Color Schemes with #2e54bd

Alternatives to #2e54bd

#2e54bd Preview

Shades and Tints of #2e54bd

Tones of #2e54bd

Color Blindness Simulator