#2e82bc hex color

In a RGB color space, hex #2e82bc is composed of 18% red, 51% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 30.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 204.5 degrees, a saturation of 60.7% and a lightness of 45.9%. #2e82bc color hex could be obtained by blending #5cffff with #000579. Closest websafe color is: #3399cc.

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

● #2e82bc color description : Strong blue.

The hexadecimal color #2e82bc has RGB values of R:46, G:130, B:188 and CMYK values of C:0.76, M:0.31, Y:0, K:0.26. Its decimal value is 3048124.

Hex triplet	2e82bc	`#2e82bc`
RGB Decimal	46, 130, 188	`rgb(46,130,188)`
RGB Percent	18, 51, 73.7	`rgb(18%,51%,73.7%)`
CMYK	76, 31, 0, 26
HSL	204.5°, 60.7, 45.9	`hsl(204.5,60.7%,45.9%)`
HSV (or HSB)	204.5°, 75.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.035, -5.146, -37.521
XYZ	18.184, 20.175, 50.51
xyY	0.205, 0.227, 20.175
CIE-LCH	52.035, 37.873, 262.191
CIE-LUV	52.035, -29.662, -56.766
Hunter-Lab	44.917, -6.341, -35.231
Binary	00101110, 10000010, 10111100

#2e82bc
```
#2e82bc rgb(46,130,188)
```
#bc682e
```
#bc682e rgb(188,104,46)
```

Complementary Color

#2ebcaf
```
#2ebcaf rgb(46,188,175)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#2e3bbc
```
#2e3bbc rgb(46,59,188)
```

Analogous Color

#bcaf2e
```
#bcaf2e rgb(188,175,46)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#bc2e3b
```
#bc2e3b rgb(188,46,59)
```

Split Complementary Color

#82bc2e
```
#82bc2e rgb(130,188,46)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#bc2e82
```
#bc2e82 rgb(188,46,130)
```

Triadic Color

#2ebc68
```
#2ebc68 rgb(46,188,104)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#bc2e82
```
#bc2e82 rgb(188,46,130)
```
#bc682e
```
#bc682e rgb(188,104,46)
```

Tetradic Color

#1f577f
```
#1f577f rgb(31,87,127)
```
#246693
```
#246693 rgb(36,102,147)
```
#2974a8
```
#2974a8 rgb(41,116,168)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#3690ce
```
#3690ce rgb(54,144,206)
```
#4a9bd3
```
#4a9bd3 rgb(74,155,211)
```
#5fa6d8
```
#5fa6d8 rgb(95,166,216)
```

Monochromatic Color

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

#2ea6bc
```
#2ea6bc rgb(46,166,188)
```
#2e9abc
```
#2e9abc rgb(46,154,188)
```
#2e8ebc
```
#2e8ebc rgb(46,142,188)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#2e76bc
```
#2e76bc rgb(46,118,188)
```
#2e6abc
```
#2e6abc rgb(46,106,188)
```
#2e5ebc
```
#2e5ebc rgb(46,94,188)
```

Similar Colors

Text with hexadecimal color #2e82bc

This text has a font color of #2e82bc.

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

#2e82bc background color

This paragraph has a background color of #2e82bc.

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

#2e82bc border color

This element has a border color of #2e82bc.

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

CSS codes

.text {color:#2e82bc;}

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

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

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, #040a0f is the darkest color, while #fefeff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#07151e
```
#07151e rgb(7,21,30)
```
#0b202e
```
#0b202e rgb(11,32,46)
```
#0f2b3e
```
#0f2b3e rgb(15,43,62)
```
#13364e
```
#13364e rgb(19,54,78)
```
#17415d
```
#17415d rgb(23,65,93)
```
#1b4c6d
```
#1b4c6d rgb(27,76,109)
```
#1f567d
```
#1f567d rgb(31,86,125)
```
#22618d
```
#22618d rgb(34,97,141)
```
#266c9c
```
#266c9c rgb(38,108,156)
```
#2a77ac
```
#2a77ac rgb(42,119,172)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#328dcc
```
#328dcc rgb(50,141,204)
```

Shade Color Variation

#4196d0
```
#4196d0 rgb(65,150,208)
```
#519ed4
```
#519ed4 rgb(81,158,212)
```
#60a7d8
```
#60a7d8 rgb(96,167,216)
```
#70b0dc
```
#70b0dc rgb(112,176,220)
```
#80b9e0
```
#80b9e0 rgb(128,185,224)
```
#90c1e4
```
#90c1e4 rgb(144,193,228)
```
#9fcae8
```
#9fcae8 rgb(159,202,232)
```
#afd3eb
```
#afd3eb rgb(175,211,235)
```
#bfdcef
```
#bfdcef rgb(191,220,239)
```
#cfe4f3
```
#cfe4f3 rgb(207,228,243)
```
#deedf7
```
#deedf7 rgb(222,237,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6d767d
```
#6d767d rgb(109,118,125)
```
#647886
```
#647886 rgb(100,120,134)
```
#5b7a8f
```
#5b7a8f rgb(91,122,143)
```
#527b98
```
#527b98 rgb(82,123,152)
```
#497da1
```
#497da1 rgb(73,125,161)
```
#407faa
```
#407faa rgb(64,127,170)
```
#3780b3
```
#3780b3 rgb(55,128,179)
```
#2e82bc
```
#2e82bc rgb(46,130,188)
```
#2584c5
```
#2584c5 rgb(37,132,197)
```
#1c85ce
```
#1c85ce rgb(28,133,206)
```
#1387d7
```
#1387d7 rgb(19,135,215)
```
#0a89e0
```
#0a89e0 rgb(10,137,224)
```
#018ae9
```
#018ae9 rgb(1,138,233)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#62737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e81b9 Protanopia 1% of men
#6082c1 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#5781ba Protanomaly 1% of men, 0.01% of women
#4d82bf Deuteranomaly 6% of men, 0.4% of women
#108aa6 Tritanomaly 0.01% of the population

#2e82bc hex color

#2e82bc Color Information

#2e82bc Color Conversion

Color Schemes with #2e82bc

Alternatives to #2e82bc

#2e82bc Preview

Shades and Tints of #2e82bc

Tones of #2e82bc

Color Blindness Simulator