#2e77d6 hex color

In a RGB color space, hex #2e77d6 is composed of 18% red, 46.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 44.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 213.9 degrees, a saturation of 67.2% and a lightness of 51%. #2e77d6 color hex could be obtained by blending #5ceeff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 47
- B 84
RGB color chart
- C 79
- M 44
- Y 0
- K 16
CMYK color chart

● #2e77d6 color description : Strong blue.

The hexadecimal color #2e77d6 has RGB values of R:46, G:119, B:214 and CMYK values of C:0.79, M:0.44, Y:0, K:0.16. Its decimal value is 3045334.

Hex triplet	2e77d6	`#2e77d6`
RGB Decimal	46, 119, 214	`rgb(46,119,214)`
RGB Percent	18, 46.7, 83.9	`rgb(18%,46.7%,83.9%)`
CMYK	79, 44, 0, 16
HSL	213.9°, 67.2, 51	`hsl(213.9,67.2%,51%)`
HSV (or HSB)	213.9°, 78.5, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.249, 11.135, -55.179
XYZ	19.858, 18.628, 66.164
xyY	0.19, 0.178, 18.628
CIE-LCH	50.249, 56.291, 281.409
CIE-LUV	50.249, -24.993, -85.92
Hunter-Lab	43.16, 6.599, -60.678
Binary	00101110, 01110111, 11010110

#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#d68d2e
```
#d68d2e rgb(214,141,46)
```

Complementary Color

#2ecbd6
```
#2ecbd6 rgb(46,203,214)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#392ed6
```
#392ed6 rgb(57,46,214)
```

Analogous Color

#cbd62e
```
#cbd62e rgb(203,214,46)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#d6392e
```
#d6392e rgb(214,57,46)
```

Split Complementary Color

#77d62e
```
#77d62e rgb(119,214,46)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#d62e77
```
#d62e77 rgb(214,46,119)
```

Triadic Color

#2ed68d
```
#2ed68d rgb(46,214,141)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#d62e77
```
#d62e77 rgb(214,46,119)
```
#d68d2e
```
#d68d2e rgb(214,141,46)
```

Tetradic Color

#1e5499
```
#1e5499 rgb(30,84,153)
```
#225faf
```
#225faf rgb(34,95,175)
```
#266bc4
```
#266bc4 rgb(38,107,196)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#4385da
```
#4385da rgb(67,133,218)
```
#5993de
```
#5993de rgb(89,147,222)
```
#6ea1e3
```
#6ea1e3 rgb(110,161,227)
```

Monochromatic Color

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

#2ea1d6
```
#2ea1d6 rgb(46,161,214)
```
#2e93d6
```
#2e93d6 rgb(46,147,214)
```
#2e85d6
```
#2e85d6 rgb(46,133,214)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#2e69d6
```
#2e69d6 rgb(46,105,214)
```
#2e5bd6
```
#2e5bd6 rgb(46,91,214)
```
#2e4dd6
```
#2e4dd6 rgb(46,77,214)
```

Similar Colors

Text with hexadecimal color #2e77d6

This text has a font color of #2e77d6.

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

#2e77d6 background color

This paragraph has a background color of #2e77d6.

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

#2e77d6 border color

This element has a border color of #2e77d6.

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

CSS codes

.text {color:#2e77d6;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b15
```
#040b15 rgb(4,11,21)
```
#071425
```
#071425 rgb(7,20,37)
```
#0a1d35
```
#0a1d35 rgb(10,29,53)
```
#0e2646
```
#0e2646 rgb(14,38,70)
```
#112f56
```
#112f56 rgb(17,47,86)
```
#143867
```
#143867 rgb(20,56,103)
```
#174177
```
#174177 rgb(23,65,119)
```
#1b4a87
```
#1b4a87 rgb(27,74,135)
```
#1e5398
```
#1e5398 rgb(30,83,152)
```
#215ca8
```
#215ca8 rgb(33,92,168)
```
#2465b9
```
#2465b9 rgb(36,101,185)
```
#276ec9
```
#276ec9 rgb(39,110,201)
```

Shade Color Variation

#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#3e82d9
```
#3e82d9 rgb(62,130,217)
```
#4f8cdc
```
#4f8cdc rgb(79,140,220)
```
#5f97e0
```
#5f97e0 rgb(95,151,224)
```
#70a2e3
```
#70a2e3 rgb(112,162,227)
```
#80ace6
```
#80ace6 rgb(128,172,230)
```
#90b7e9
```
#90b7e9 rgb(144,183,233)
```
#a1c2ed
```
#a1c2ed rgb(161,194,237)
```
#b1ccf0
```
#b1ccf0 rgb(177,204,240)
```
#c2d7f3
```
#c2d7f3 rgb(194,215,243)
```
#d2e2f6
```
#d2e2f6 rgb(210,226,246)
```
#e2ecf9
```
#e2ecf9 rgb(226,236,249)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8189 is the less saturated color, while #0872fc is the most saturated one.

#7b8189
```
#7b8189 rgb(123,129,137)
```
#718093
```
#718093 rgb(113,128,147)
```
#687f9c
```
#687f9c rgb(104,127,156)
```
#5e7da6
```
#5e7da6 rgb(94,125,166)
```
#547cb0
```
#547cb0 rgb(84,124,176)
```
#4b7bb9
```
#4b7bb9 rgb(75,123,185)
```
#417ac3
```
#417ac3 rgb(65,122,195)
```
#3878cc
```
#3878cc rgb(56,120,204)
```
#2e77d6
```
#2e77d6 rgb(46,119,214)
```
#2476e0
```
#2476e0 rgb(36,118,224)
```
#1b74e9
```
#1b74e9 rgb(27,116,233)
```
#1173f3
```
#1173f3 rgb(17,115,243)
```
#0872fc
```
#0872fc rgb(8,114,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#606e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f7bd6 Protanopia 1% of men
#0080d6 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#4379d6 Protanomaly 1% of men, 0.01% of women
#107dd6 Deuteranomaly 6% of men, 0.4% of women
#1083ab Tritanomaly 0.01% of the population

#2e77d6 hex color

#2e77d6 Color Information

#2e77d6 Color Conversion

Color Schemes with #2e77d6

Alternatives to #2e77d6

#2e77d6 Preview

Shades and Tints of #2e77d6

Tones of #2e77d6

Color Blindness Simulator