#2e85de hex color

In a RGB color space, hex #2e85de is composed of 18% red, 52.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 40.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 210.3 degrees, a saturation of 72.7% and a lightness of 52.5%. #2e85de color hex could be obtained by blending #5cffff with #000bbd. Closest websafe color is: #3399cc.

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

● #2e85de color description : Bright blue.

The hexadecimal color #2e85de has RGB values of R:46, G:133, B:222 and CMYK values of C:0.79, M:0.4, Y:0, K:0.13. Its decimal value is 3048926.

Hex triplet	2e85de	`#2e85de`
RGB Decimal	46, 133, 222	`rgb(46,133,222)`
RGB Percent	18, 52.2, 87.1	`rgb(18%,52.2%,87.1%)`
CMYK	79, 40, 0, 13
HSL	210.3°, 72.7, 52.5	`hsl(210.3,72.7%,52.5%)`
HSV (or HSB)	210.3°, 79.3, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.687, 5.514, -52.59
XYZ	22.696, 22.628, 72.275
xyY	0.193, 0.192, 22.628
CIE-LCH	54.687, 52.878, 275.985
CIE-LUV	54.687, -29.169, -82.873
Hunter-Lab	47.569, 1.92, -56.785
Binary	00101110, 10000101, 11011110

#2e85de
```
#2e85de rgb(46,133,222)
```
#de872e
```
#de872e rgb(222,135,46)
```

Complementary Color

#2eddde
```
#2eddde rgb(46,221,222)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#2f2ede
```
#2f2ede rgb(47,46,222)
```

Analogous Color

#ddde2e
```
#ddde2e rgb(221,222,46)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#de2f2e
```
#de2f2e rgb(222,47,46)
```

Split Complementary Color

#85de2e
```
#85de2e rgb(133,222,46)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#de2e85
```
#de2e85 rgb(222,46,133)
```

Triadic Color

#2ede87
```
#2ede87 rgb(46,222,135)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#de2e85
```
#de2e85 rgb(222,46,133)
```
#de872e
```
#de872e rgb(222,135,46)
```

Tetradic Color

#1a5fa5
```
#1a5fa5 rgb(26,95,165)
```
#1e6cbb
```
#1e6cbb rgb(30,108,187)
```
#2178d1
```
#2178d1 rgb(33,120,209)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#4492e1
```
#4492e1 rgb(68,146,225)
```
#5a9fe5
```
#5a9fe5 rgb(90,159,229)
```
#70ace8
```
#70ace8 rgb(112,172,232)
```

Monochromatic Color

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

#2eb1de
```
#2eb1de rgb(46,177,222)
```
#2ea2de
```
#2ea2de rgb(46,162,222)
```
#2e94de
```
#2e94de rgb(46,148,222)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#2e76de
```
#2e76de rgb(46,118,222)
```
#2e68de
```
#2e68de rgb(46,104,222)
```
#2e59de
```
#2e59de rgb(46,89,222)
```

Similar Colors

Text with hexadecimal color #2e85de

This text has a font color of #2e85de.

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

#2e85de background color

This paragraph has a background color of #2e85de.

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

#2e85de border color

This element has a border color of #2e85de.

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

CSS codes

.text {color:#2e85de;}

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

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

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, #02060b is the darkest color, while #f9fcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#04101c
```
#04101c rgb(4,16,28)
```
#071a2d
```
#071a2d rgb(7,26,45)
```
#0a243e
```
#0a243e rgb(10,36,62)
```
#0c2d4f
```
#0c2d4f rgb(12,45,79)
```
#0f3760
```
#0f3760 rgb(15,55,96)
```
#124171
```
#124171 rgb(18,65,113)
```
#144b82
```
#144b82 rgb(20,75,130)
```
#175493
```
#175493 rgb(23,84,147)
```
#1a5ea4
```
#1a5ea4 rgb(26,94,164)
```
#1d68b5
```
#1d68b5 rgb(29,104,181)
```
#1f71c6
```
#1f71c6 rgb(31,113,198)
```
#227bd7
```
#227bd7 rgb(34,123,215)
```

Shade Color Variation

#2e85de
```
#2e85de rgb(46,133,222)
```
#3f8fe1
```
#3f8fe1 rgb(63,143,225)
```
#5099e3
```
#5099e3 rgb(80,153,227)
```
#61a3e6
```
#61a3e6 rgb(97,163,230)
```
#72ade9
```
#72ade9 rgb(114,173,233)
```
#83b6eb
```
#83b6eb rgb(131,182,235)
```
#94c0ee
```
#94c0ee rgb(148,192,238)
```
#a5caf1
```
#a5caf1 rgb(165,202,241)
```
#b6d4f3
```
#b6d4f3 rgb(182,212,243)
```
#c6def6
```
#c6def6 rgb(198,222,246)
```
#d7e8f9
```
#d7e8f9 rgb(215,232,249)
```
#e8f2fb
```
#e8f2fb rgb(232,242,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82868a is the less saturated color, while #1285fa is the most saturated one.

#82868a
```
#82868a rgb(130,134,138)
```
#788694
```
#788694 rgb(120,134,148)
```
#6f869d
```
#6f869d rgb(111,134,157)
```
#6686a6
```
#6686a6 rgb(102,134,166)
```
#5d86af
```
#5d86af rgb(93,134,175)
```
#5385b9
```
#5385b9 rgb(83,133,185)
```
#4a85c2
```
#4a85c2 rgb(74,133,194)
```
#4185cb
```
#4185cb rgb(65,133,203)
```
#3785d5
```
#3785d5 rgb(55,133,213)
```
#2e85de
```
#2e85de rgb(46,133,222)
```
#2585e7
```
#2585e7 rgb(37,133,231)
```
#1b85f1
```
#1b85f1 rgb(27,133,241)
```
#1285fa
```
#1285fa rgb(18,133,250)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#67788a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6286db Protanopia 1% of men
#3f8adf Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#4f85dc Protanomaly 1% of men, 0.01% of women
#3888df Deuteranomaly 6% of men, 0.4% of women
#1090b6 Tritanomaly 0.01% of the population

#2e85de hex color

#2e85de Color Information

#2e85de Color Conversion

Color Schemes with #2e85de

Alternatives to #2e85de

#2e85de Preview

Shades and Tints of #2e85de

Tones of #2e85de

Color Blindness Simulator