#2e5cdf hex color

In a RGB color space, hex #2e5cdf is composed of 18% red, 36.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 58.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.4 degrees, a saturation of 73.4% and a lightness of 52.7%. #2e5cdf color hex could be obtained by blending #5cb8ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 87
RGB color chart
- C 79
- M 59
- Y 0
- K 13
CMYK color chart

● #2e5cdf color description : Bright blue.

The hexadecimal color #2e5cdf has RGB values of R:46, G:92, B:223 and CMYK values of C:0.79, M:0.59, Y:0, K:0.13. Its decimal value is 3038431.

Hex triplet	2e5cdf	`#2e5cdf`
RGB Decimal	46, 92, 223	`rgb(46,92,223)`
RGB Percent	18, 36.1, 87.5	`rgb(18%,36.1%,87.5%)`
CMYK	79, 59, 0, 13
HSL	224.4°, 73.4, 52.7	`hsl(224.4,73.4%,52.7%)`
HSV (or HSB)	224.4°, 79.4, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.597, 31.677, -71.054
XYZ	18.27, 13.561, 71.463
xyY	0.177, 0.131, 13.561
CIE-LCH	43.597, 77.795, 294.028
CIE-LUV	43.597, -17.146, -106.807
Hunter-Lab	36.826, 24.113, -89.277
Binary	00101110, 01011100, 11011111

#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#dfb12e
```
#dfb12e rgb(223,177,46)
```

Complementary Color

#2eb5df
```
#2eb5df rgb(46,181,223)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#582edf
```
#582edf rgb(88,46,223)
```

Analogous Color

#b5df2e
```
#b5df2e rgb(181,223,46)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#df592e
```
#df592e rgb(223,89,46)
```

Split Complementary Color

#5cdf2e
```
#5cdf2e rgb(92,223,46)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#df2e5c
```
#df2e5c rgb(223,46,92)
```

Triadic Color

#2edfb1
```
#2edfb1 rgb(46,223,177)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#df2e5c
```
#df2e5c rgb(223,46,92)
```
#dfb12e
```
#dfb12e rgb(223,177,46)
```

Tetradic Color

#1a3ea7
```
#1a3ea7 rgb(26,62,167)
```
#1d47bd
```
#1d47bd rgb(29,71,189)
```
#204fd3
```
#204fd3 rgb(32,79,211)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#446de2
```
#446de2 rgb(68,109,226)
```
#5a7ee6
```
#5a7ee6 rgb(90,126,230)
```
#7090e9
```
#7090e9 rgb(112,144,233)
```

Monochromatic Color

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

#2e88df
```
#2e88df rgb(46,136,223)
```
#2e7adf
```
#2e7adf rgb(46,122,223)
```
#2e6bdf
```
#2e6bdf rgb(46,107,223)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#2e4ddf
```
#2e4ddf rgb(46,77,223)
```
#2e3fdf
```
#2e3fdf rgb(46,63,223)
```
#2e30df
```
#2e30df rgb(46,48,223)
```

Similar Colors

Text with hexadecimal color #2e5cdf

This text has a font color of #2e5cdf.

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

#2e5cdf background color

This paragraph has a background color of #2e5cdf.

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

#2e5cdf border color

This element has a border color of #2e5cdf.

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

CSS codes

.text {color:#2e5cdf;}

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

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

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#040b1d
```
#040b1d rgb(4,11,29)
```
#07112e
```
#07112e rgb(7,17,46)
```
#0a183f
```
#0a183f rgb(10,24,63)
```
#0c1e50
```
#0c1e50 rgb(12,30,80)
```
#0f2461
```
#0f2461 rgb(15,36,97)
```
#112b72
```
#112b72 rgb(17,43,114)
```
#143183
```
#143183 rgb(20,49,131)
```
#173794
```
#173794 rgb(23,55,148)
```
#193ea5
```
#193ea5 rgb(25,62,165)
```
#1c44b6
```
#1c44b6 rgb(28,68,182)
```
#1f4ac7
```
#1f4ac7 rgb(31,74,199)
```
#2151d8
```
#2151d8 rgb(33,81,216)
```

Shade Color Variation

#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#3f69e2
```
#3f69e2 rgb(63,105,226)
```
#5077e4
```
#5077e4 rgb(80,119,228)
```
#6184e7
```
#6184e7 rgb(97,132,231)
```
#7291e9
```
#7291e9 rgb(114,145,233)
```
#839eec
```
#839eec rgb(131,158,236)
```
#94acef
```
#94acef rgb(148,172,239)
```
#a5b9f1
```
#a5b9f1 rgb(165,185,241)
```
#b6c6f4
```
#b6c6f4 rgb(182,198,244)
```
#c7d3f6
```
#c7d3f6 rgb(199,211,246)
```
#d8e1f9
```
#d8e1f9 rgb(216,225,249)
```
#e9eefc
```
#e9eefc rgb(233,238,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81848c is the less saturated color, while #124ffb is the most saturated one.

#81848c
```
#81848c rgb(129,132,140)
```
#788095
```
#788095 rgb(120,128,149)
```
#6f7b9e
```
#6f7b9e rgb(111,123,158)
```
#6677a7
```
#6677a7 rgb(102,119,167)
```
#5c72b1
```
#5c72b1 rgb(92,114,177)
```
#536eba
```
#536eba rgb(83,110,186)
```
#4a69c3
```
#4a69c3 rgb(74,105,195)
```
#4165cc
```
#4165cc rgb(65,101,204)
```
#3760d6
```
#3760d6 rgb(55,96,214)
```
#2e5cdf
```
#2e5cdf rgb(46,92,223)
```
#2558e8
```
#2558e8 rgb(37,88,232)
```
#1b53f2
```
#1b53f2 rgb(27,83,242)
```
#124ffb
```
#124ffb rgb(18,79,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#545d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1065d7 Protanomaly 1% of men, 0.01% of women
#1069c5 Deuteranomaly 6% of men, 0.4% of women
#106fa2 Tritanomaly 0.01% of the population

#2e5cdf hex color

#2e5cdf Color Information

#2e5cdf Color Conversion

Color Schemes with #2e5cdf

Alternatives to #2e5cdf

#2e5cdf Preview

Shades and Tints of #2e5cdf

Tones of #2e5cdf

Color Blindness Simulator