#2c86de hex color

In a RGB color space, hex #2c86de is composed of 17.3% red, 52.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 39.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 209.7 degrees, a saturation of 73% and a lightness of 52.2%. #2c86de color hex could be obtained by blending #58ffff with #000dbd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 53
- B 87
RGB color chart
- C 80
- M 40
- Y 0
- K 13
CMYK color chart

● #2c86de color description : Bright blue.

The hexadecimal color #2c86de has RGB values of R:44, G:134, B:222 and CMYK values of C:0.8, M:0.4, Y:0, K:0.13. Its decimal value is 2918110.

Hex triplet	2c86de	`#2c86de`
RGB Decimal	44, 134, 222	`rgb(44,134,222)`
RGB Percent	17.3, 52.5, 87.1	`rgb(17.3%,52.5%,87.1%)`
CMYK	80, 40, 0, 13
HSL	209.7°, 73, 52.2	`hsl(209.7,73%,52.2%)`
HSV (or HSB)	209.7°, 80.2, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.925, 4.711, -52.212
XYZ	22.746, 22.858, 72.316
xyY	0.193, 0.194, 22.858
CIE-LCH	54.925, 52.424, 275.156
CIE-LUV	54.925, -29.749, -82.261
Hunter-Lab	47.81, 1.255, -56.215
Binary	00101100, 10000110, 11011110

#2c86de
```
#2c86de rgb(44,134,222)
```
#de842c
```
#de842c rgb(222,132,44)
```

Complementary Color

#2cdedd
```
#2cdedd rgb(44,222,221)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#2c2dde
```
#2c2dde rgb(44,45,222)
```

Analogous Color

#dedd2c
```
#dedd2c rgb(222,221,44)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```

Split Complementary Color

#86de2c
```
#86de2c rgb(134,222,44)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#de2c86
```
#de2c86 rgb(222,44,134)
```

Triadic Color

#2cde84
```
#2cde84 rgb(44,222,132)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#de2c86
```
#de2c86 rgb(222,44,134)
```
#de842c
```
#de842c rgb(222,132,44)
```

Tetradic Color

#1a60a4
```
#1a60a4 rgb(26,96,164)
```
#1d6cba
```
#1d6cba rgb(29,108,186)
```
#2179d0
```
#2179d0 rgb(33,121,208)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#4293e1
```
#4293e1 rgb(66,147,225)
```
#589fe5
```
#589fe5 rgb(88,159,229)
```
#6eace8
```
#6eace8 rgb(110,172,232)
```

Monochromatic Color

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

#2cb3de
```
#2cb3de rgb(44,179,222)
```
#2ca4de
```
#2ca4de rgb(44,164,222)
```
#2c95de
```
#2c95de rgb(44,149,222)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#2c77de
```
#2c77de rgb(44,119,222)
```
#2c68de
```
#2c68de rgb(44,104,222)
```
#2c5ade
```
#2c5ade rgb(44,90,222)
```

Similar Colors

Text with hexadecimal color #2c86de

This text has a font color of #2c86de.

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

#2c86de background color

This paragraph has a background color of #2c86de.

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

#2c86de border color

This element has a border color of #2c86de.

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

CSS codes

.text {color:#2c86de;}

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

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

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

#01060a
```
#01060a rgb(1,6,10)
```
#040f1a
```
#040f1a rgb(4,15,26)
```
#07192b
```
#07192b rgb(7,25,43)
```
#09233c
```
#09233c rgb(9,35,60)
```
#0c2d4d
```
#0c2d4d rgb(12,45,77)
```
#0f375e
```
#0f375e rgb(15,55,94)
```
#11416f
```
#11416f rgb(17,65,111)
```
#144b80
```
#144b80 rgb(20,75,128)
```
#175591
```
#175591 rgb(23,85,145)
```
#195fa2
```
#195fa2 rgb(25,95,162)
```
#1c68b3
```
#1c68b3 rgb(28,104,179)
```
#1f72c4
```
#1f72c4 rgb(31,114,196)
```
#217cd5
```
#217cd5 rgb(33,124,213)
```

Shade Color Variation

#2c86de
```
#2c86de rgb(44,134,222)
```
#3d90e1
```
#3d90e1 rgb(61,144,225)
```
#4e99e3
```
#4e99e3 rgb(78,153,227)
```
#5fa3e6
```
#5fa3e6 rgb(95,163,230)
```
#70ade9
```
#70ade9 rgb(112,173,233)
```
#81b7eb
```
#81b7eb rgb(129,183,235)
```
#92c0ee
```
#92c0ee rgb(146,192,238)
```
#a3caf1
```
#a3caf1 rgb(163,202,241)
```
#b4d4f3
```
#b4d4f3 rgb(180,212,243)
```
#c5def6
```
#c5def6 rgb(197,222,246)
```
#d6e7f9
```
#d6e7f9 rgb(214,231,249)
```
#e7f1fb
```
#e7f1fb rgb(231,241,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#80858a
```
#80858a rgb(128,133,138)
```
#778593
```
#778593 rgb(119,133,147)
```
#6e859c
```
#6e859c rgb(110,133,156)
```
#6485a6
```
#6485a6 rgb(100,133,166)
```
#5b85af
```
#5b85af rgb(91,133,175)
```
#5286b8
```
#5286b8 rgb(82,134,184)
```
#4886c2
```
#4886c2 rgb(72,134,194)
```
#3f86cb
```
#3f86cb rgb(63,134,203)
```
#3586d5
```
#3586d5 rgb(53,134,213)
```
#2c86de
```
#2c86de rgb(44,134,222)
```
#2386e7
```
#2386e7 rgb(35,134,231)
```
#1986f1
```
#1986f1 rgb(25,134,241)
```
#1086fa
```
#1086fa rgb(16,134,250)
```

Tone Color Variation

Below, you can see how #2c86de 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
#66788a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6387db Protanopia 1% of men
#418be0 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4f86dc Protanomaly 1% of men, 0.01% of women
#3989df Deuteranomaly 6% of men, 0.4% of women
#1091b7 Tritanomaly 0.01% of the population

#2c86de hex color

#2c86de Color Information

#2c86de Color Conversion

Color Schemes with #2c86de

Alternatives to #2c86de

#2c86de Preview

Shades and Tints of #2c86de

Tones of #2c86de

Color Blindness Simulator