#2e74dd hex color

In a RGB color space, hex #2e74dd is composed of 18% red, 45.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 47.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 216 degrees, a saturation of 72% and a lightness of 52.4%. #2e74dd color hex could be obtained by blending #5ce8ff with #0000bb. Closest websafe color is: #3366cc.

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

● #2e74dd color description : Bright blue.

The hexadecimal color #2e74dd has RGB values of R:46, G:116, B:221 and CMYK values of C:0.79, M:0.48, Y:0, K:0.13. Its decimal value is 3044573.

Hex triplet	2e74dd	`#2e74dd`
RGB Decimal	46, 116, 221	`rgb(46,116,221)`
RGB Percent	18, 45.5, 86.7	`rgb(18%,45.5%,86.7%)`
CMYK	79, 48, 0, 13
HSL	216°, 72, 52.4	`hsl(216,72%,52.4%)`
HSV (or HSB)	216°, 79.2, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.847, 15.643, -59.787
XYZ	20.42, 18.29, 70.857
xyY	0.186, 0.167, 18.29
CIE-LCH	49.847, 61.8, 284.662
CIE-LUV	49.847, -23.874, -93.232
Hunter-Lab	42.767, 10.386, -68.294
Binary	00101110, 01110100, 11011101

#2e74dd
```
#2e74dd rgb(46,116,221)
```
#dd972e
```
#dd972e rgb(221,151,46)
```

Complementary Color

#2eccdd
```
#2eccdd rgb(46,204,221)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#3f2edd
```
#3f2edd rgb(63,46,221)
```

Analogous Color

#ccdd2e
```
#ccdd2e rgb(204,221,46)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#dd402e
```
#dd402e rgb(221,64,46)
```

Split Complementary Color

#74dd2e
```
#74dd2e rgb(116,221,46)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#dd2e74
```
#dd2e74 rgb(221,46,116)
```

Triadic Color

#2edd97
```
#2edd97 rgb(46,221,151)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#dd2e74
```
#dd2e74 rgb(221,46,116)
```
#dd972e
```
#dd972e rgb(221,151,46)
```

Tetradic Color

#1b52a4
```
#1b52a4 rgb(27,82,164)
```
#1e5cba
```
#1e5cba rgb(30,92,186)
```
#2267d0
```
#2267d0 rgb(34,103,208)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#4483e1
```
#4483e1 rgb(68,131,225)
```
#5a91e4
```
#5a91e4 rgb(90,145,228)
```
#70a0e8
```
#70a0e8 rgb(112,160,232)
```

Monochromatic Color

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

#2ea0dd
```
#2ea0dd rgb(46,160,221)
```
#2e91dd
```
#2e91dd rgb(46,145,221)
```
#2e83dd
```
#2e83dd rgb(46,131,221)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#2e65dd
```
#2e65dd rgb(46,101,221)
```
#2e57dd
```
#2e57dd rgb(46,87,221)
```
#2e48dd
```
#2e48dd rgb(46,72,221)
```

Similar Colors

Text with hexadecimal color #2e74dd

This text has a font color of #2e74dd.

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

#2e74dd background color

This paragraph has a background color of #2e74dd.

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

#2e74dd border color

This element has a border color of #2e74dd.

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

CSS codes

.text {color:#2e74dd;}

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

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

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

#02050a
```
#02050a rgb(2,5,10)
```
#040e1b
```
#040e1b rgb(4,14,27)
```
#07162c
```
#07162c rgb(7,22,44)
```
#0a1e3d
```
#0a1e3d rgb(10,30,61)
```
#0d274e
```
#0d274e rgb(13,39,78)
```
#0f2f5f
```
#0f2f5f rgb(15,47,95)
```
#123870
```
#123870 rgb(18,56,112)
```
#154080
```
#154080 rgb(21,64,128)
```
#184891
```
#184891 rgb(24,72,145)
```
#1a51a2
```
#1a51a2 rgb(26,81,162)
```
#1d59b3
```
#1d59b3 rgb(29,89,179)
```
#2061c4
```
#2061c4 rgb(32,97,196)
```
#236ad5
```
#236ad5 rgb(35,106,213)
```

Shade Color Variation

#2e74dd
```
#2e74dd rgb(46,116,221)
```
#3f7fe0
```
#3f7fe0 rgb(63,127,224)
```
#508ae2
```
#508ae2 rgb(80,138,226)
```
#6196e5
```
#6196e5 rgb(97,150,229)
```
#71a1e8
```
#71a1e8 rgb(113,161,232)
```
#82aceb
```
#82aceb rgb(130,172,235)
```
#93b7ed
```
#93b7ed rgb(147,183,237)
```
#a4c3f0
```
#a4c3f0 rgb(164,195,240)
```
#b5cef3
```
#b5cef3 rgb(181,206,243)
```
#c6d9f6
```
#c6d9f6 rgb(198,217,246)
```
#d7e4f8
```
#d7e4f8 rgb(215,228,248)
```
#e8effb
```
#e8effb rgb(232,239,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#828589
```
#828589 rgb(130,133,137)
```
#798392
```
#798392 rgb(121,131,146)
```
#6f819c
```
#6f819c rgb(111,129,156)
```
#667fa5
```
#667fa5 rgb(102,127,165)
```
#5d7dae
```
#5d7dae rgb(93,125,174)
```
#537bb8
```
#537bb8 rgb(83,123,184)
```
#4a7ac1
```
#4a7ac1 rgb(74,122,193)
```
#4178ca
```
#4178ca rgb(65,120,202)
```
#3776d4
```
#3776d4 rgb(55,118,212)
```
#2e74dd
```
#2e74dd rgb(46,116,221)
```
#2572e6
```
#2572e6 rgb(37,114,230)
```
#1b70f0
```
#1b70f0 rgb(27,112,240)
```
#126ef9
```
#126ef9 rgb(18,110,249)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f6d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#427add Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#3a78dd Protanomaly 1% of men, 0.01% of women
#107bd7 Deuteranomaly 6% of men, 0.4% of women
#1081ad Tritanomaly 0.01% of the population

#2e74dd hex color

#2e74dd Color Information

#2e74dd Color Conversion

Color Schemes with #2e74dd

Alternatives to #2e74dd

#2e74dd Preview

Shades and Tints of #2e74dd

Tones of #2e74dd

Color Blindness Simulator