#2e8cc2 hex color

In a RGB color space, hex #2e8cc2 is composed of 18% red, 54.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 27.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 201.9 degrees, a saturation of 61.7% and a lightness of 47.1%. #2e8cc2 color hex could be obtained by blending #5cffff with #001985. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 55
- B 76
RGB color chart
- C 76
- M 28
- Y 0
- K 24
CMYK color chart

● #2e8cc2 color description : Strong blue.

The hexadecimal color #2e8cc2 has RGB values of R:46, G:140, B:194 and CMYK values of C:0.76, M:0.28, Y:0, K:0.24. Its decimal value is 3050690.

Hex triplet	2e8cc2	`#2e8cc2`
RGB Decimal	46, 140, 194	`rgb(46,140,194)`
RGB Percent	18, 54.9, 76.1	`rgb(18%,54.9%,76.1%)`
CMYK	76, 28, 0, 24
HSL	201.9°, 61.7, 47.1	`hsl(201.9,61.7%,47.1%)`
HSV (or HSB)	201.9°, 76.3, 76.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.309, -8.786, -35.805
XYZ	20.24, 23.23, 54.453
xyY	0.207, 0.237, 23.23
CIE-LCH	55.309, 36.867, 256.214
CIE-LUV	55.309, -32.841, -54.201
Hunter-Lab	48.198, -9.388, -33.246
Binary	00101110, 10001100, 11000010

#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#c2642e
```
#c2642e rgb(194,100,46)
```

Complementary Color

#2ec2ae
```
#2ec2ae rgb(46,194,174)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#2e42c2
```
#2e42c2 rgb(46,66,194)
```

Analogous Color

#c2ae2e
```
#c2ae2e rgb(194,174,46)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#c22e42
```
#c22e42 rgb(194,46,66)
```

Split Complementary Color

#8cc22e
```
#8cc22e rgb(140,194,46)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#c22e8c
```
#c22e8c rgb(194,46,140)
```

Triadic Color

#2ec264
```
#2ec264 rgb(46,194,100)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#c22e8c
```
#c22e8c rgb(194,46,140)
```
#c2642e
```
#c2642e rgb(194,100,46)
```

Tetradic Color

#1f5f84
```
#1f5f84 rgb(31,95,132)
```
#246e99
```
#246e99 rgb(36,110,153)
```
#297dad
```
#297dad rgb(41,125,173)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#3999d0
```
#3999d0 rgb(57,153,208)
```
#4ea4d5
```
#4ea4d5 rgb(78,164,213)
```
#63aeda
```
#63aeda rgb(99,174,218)
```

Monochromatic Color

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

#2eb1c2
```
#2eb1c2 rgb(46,177,194)
```
#2ea5c2
```
#2ea5c2 rgb(46,165,194)
```
#2e98c2
```
#2e98c2 rgb(46,152,194)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#2e80c2
```
#2e80c2 rgb(46,128,194)
```
#2e73c2
```
#2e73c2 rgb(46,115,194)
```
#2e67c2
```
#2e67c2 rgb(46,103,194)
```

Similar Colors

Text with hexadecimal color #2e8cc2

This text has a font color of #2e8cc2.

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

#2e8cc2 background color

This paragraph has a background color of #2e8cc2.

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

#2e8cc2 border color

This element has a border color of #2e8cc2.

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

CSS codes

.text {color:#2e8cc2;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050e14
```
#050e14 rgb(5,14,20)
```
#081a23
```
#081a23 rgb(8,26,35)
```
#0c2533
```
#0c2533 rgb(12,37,51)
```
#103043
```
#103043 rgb(16,48,67)
```
#143c53
```
#143c53 rgb(20,60,83)
```
#174763
```
#174763 rgb(23,71,99)
```
#1b5373
```
#1b5373 rgb(27,83,115)
```
#1f5e83
```
#1f5e83 rgb(31,94,131)
```
#236a92
```
#236a92 rgb(35,106,146)
```
#2675a2
```
#2675a2 rgb(38,117,162)
```
#2a81b2
```
#2a81b2 rgb(42,129,178)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```

Shade Color Variation

#3597cf
```
#3597cf rgb(53,151,207)
```
#449fd3
```
#449fd3 rgb(68,159,211)
```
#54a7d7
```
#54a7d7 rgb(84,167,215)
```
#64afda
```
#64afda rgb(100,175,218)
```
#74b7de
```
#74b7de rgb(116,183,222)
```
#84c0e2
```
#84c0e2 rgb(132,192,226)
```
#94c8e6
```
#94c8e6 rgb(148,200,230)
```
#a4d0e9
```
#a4d0e9 rgb(164,208,233)
```
#b3d8ed
```
#b3d8ed rgb(179,216,237)
```
#c3e0f1
```
#c3e0f1 rgb(195,224,241)
```
#d3e8f5
```
#d3e8f5 rgb(211,232,245)
```
#e3f1f8
```
#e3f1f8 rgb(227,241,248)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#6f7b81
```
#6f7b81 rgb(111,123,129)
```
#657d8b
```
#657d8b rgb(101,125,139)
```
#5c8094
```
#5c8094 rgb(92,128,148)
```
#53829d
```
#53829d rgb(83,130,157)
```
#4a85a6
```
#4a85a6 rgb(74,133,166)
```
#4087b0
```
#4087b0 rgb(64,135,176)
```
#378ab9
```
#378ab9 rgb(55,138,185)
```
#2e8cc2
```
#2e8cc2 rgb(46,140,194)
```
#258ecb
```
#258ecb rgb(37,142,203)
```
#1c91d4
```
#1c91d4 rgb(28,145,212)
```
#1293de
```
#1293de rgb(18,147,222)
```
#0996e7
```
#0996e7 rgb(9,150,231)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7888be Protanopia 1% of men
#6c8ac8 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#5d8abf Protanomaly 1% of men, 0.01% of women
#558ac6 Deuteranomaly 6% of men, 0.4% of women
#1093ae Tritanomaly 0.01% of the population

#2e8cc2 hex color

#2e8cc2 Color Information

#2e8cc2 Color Conversion

Color Schemes with #2e8cc2

Alternatives to #2e8cc2

#2e8cc2 Preview

Shades and Tints of #2e8cc2

Tones of #2e8cc2

Color Blindness Simulator