#2c56de hex color

In a RGB color space, hex #2c56de is composed of 17.3% red, 33.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 61.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 225.8 degrees, a saturation of 73% and a lightness of 52.2%. #2c56de color hex could be obtained by blending #58acff with #0000bd. Closest websafe color is: #3366cc.

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

● #2c56de color description : Bright blue.

The hexadecimal color #2c56de has RGB values of R:44, G:86, B:222 and CMYK values of C:0.8, M:0.61, Y:0, K:0.13. Its decimal value is 2905822.

Hex triplet	2c56de	`#2c56de`
RGB Decimal	44, 86, 222	`rgb(44,86,222)`
RGB Percent	17.3, 33.7, 87.1	`rgb(17.3%,33.7%,87.1%)`
CMYK	80, 61, 0, 13
HSL	225.8°, 73, 52.2	`hsl(225.8,73%,52.2%)`
HSV (or HSB)	225.8°, 80.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.944, 34.953, -73.19
XYZ	17.549, 12.464, 70.584
xyY	0.174, 0.124, 12.464
CIE-LCH	41.944, 81.108, 295.528
CIE-LUV	41.944, -15.926, -108.43
Hunter-Lab	35.304, 26.945, -93.827
Binary	00101100, 01010110, 11011110

#2c56de
```
#2c56de rgb(44,86,222)
```
#deb42c
```
#deb42c rgb(222,180,44)
```

Complementary Color

#2cafde
```
#2cafde rgb(44,175,222)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#5b2cde
```
#5b2cde rgb(91,44,222)
```

Analogous Color

#afde2c
```
#afde2c rgb(175,222,44)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#de5b2c
```
#de5b2c rgb(222,91,44)
```

Split Complementary Color

#56de2c
```
#56de2c rgb(86,222,44)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#de2c56
```
#de2c56 rgb(222,44,86)
```

Triadic Color

#2cdeb4
```
#2cdeb4 rgb(44,222,180)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#de2c56
```
#de2c56 rgb(222,44,86)
```
#deb42c
```
#deb42c rgb(222,180,44)
```

Tetradic Color

#1a3aa4
```
#1a3aa4 rgb(26,58,164)
```
#1d42ba
```
#1d42ba rgb(29,66,186)
```
#214ad0
```
#214ad0 rgb(33,74,208)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#4268e1
```
#4268e1 rgb(66,104,225)
```
#5879e5
```
#5879e5 rgb(88,121,229)
```
#6e8be8
```
#6e8be8 rgb(110,139,232)
```

Monochromatic Color

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

#2c83de
```
#2c83de rgb(44,131,222)
```
#2c74de
```
#2c74de rgb(44,116,222)
```
#2c65de
```
#2c65de rgb(44,101,222)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#2c47de
```
#2c47de rgb(44,71,222)
```
#2c38de
```
#2c38de rgb(44,56,222)
```
#2e2cde
```
#2e2cde rgb(46,44,222)
```

Similar Colors

Text with hexadecimal color #2c56de

This text has a font color of #2c56de.

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

#2c56de background color

This paragraph has a background color of #2c56de.

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

#2c56de border color

This element has a border color of #2c56de.

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

CSS codes

.text {color:#2c56de;}

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

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

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

#01030a
```
#01030a rgb(1,3,10)
```
#04091a
```
#04091a rgb(4,9,26)
```
#070f2b
```
#070f2b rgb(7,15,43)
```
#09153c
```
#09153c rgb(9,21,60)
```
#0c1b4d
```
#0c1b4d rgb(12,27,77)
```
#0f225e
```
#0f225e rgb(15,34,94)
```
#11286f
```
#11286f rgb(17,40,111)
```
#142e80
```
#142e80 rgb(20,46,128)
```
#173491
```
#173491 rgb(23,52,145)
```
#193aa2
```
#193aa2 rgb(25,58,162)
```
#1c40b3
```
#1c40b3 rgb(28,64,179)
```
#1f46c4
```
#1f46c4 rgb(31,70,196)
```
#214cd5
```
#214cd5 rgb(33,76,213)
```

Shade Color Variation

#2c56de
```
#2c56de rgb(44,86,222)
```
#3d64e1
```
#3d64e1 rgb(61,100,225)
```
#4e71e3
```
#4e71e3 rgb(78,113,227)
```
#5f7fe6
```
#5f7fe6 rgb(95,127,230)
```
#708ce9
```
#708ce9 rgb(112,140,233)
```
#819aeb
```
#819aeb rgb(129,154,235)
```
#92a8ee
```
#92a8ee rgb(146,168,238)
```
#a3b5f1
```
#a3b5f1 rgb(163,181,241)
```
#b4c3f3
```
#b4c3f3 rgb(180,195,243)
```
#c5d0f6
```
#c5d0f6 rgb(197,208,246)
```
#d6def9
```
#d6def9 rgb(214,222,249)
```
#e7ebfb
```
#e7ebfb rgb(231,235,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#80838a
```
#80838a rgb(128,131,138)
```
#777e93
```
#777e93 rgb(119,126,147)
```
#6e799c
```
#6e799c rgb(110,121,156)
```
#6474a6
```
#6474a6 rgb(100,116,166)
```
#5b6faf
```
#5b6faf rgb(91,111,175)
```
#526ab8
```
#526ab8 rgb(82,106,184)
```
#4865c2
```
#4865c2 rgb(72,101,194)
```
#3f60cb
```
#3f60cb rgb(63,96,203)
```
#355bd5
```
#355bd5 rgb(53,91,213)
```
#2c56de
```
#2c56de rgb(44,86,222)
```
#2351e7
```
#2351e7 rgb(35,81,231)
```
#194cf1
```
#194cf1 rgb(25,76,241)
```
#1047fa
```
#1047fa rgb(16,71,250)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1061d1 Protanomaly 1% of men, 0.01% of women
#1065c1 Deuteranomaly 6% of men, 0.4% of women
#106a9f Tritanomaly 0.01% of the population

#2c56de hex color

#2c56de Color Information

#2c56de Color Conversion

Color Schemes with #2c56de

Alternatives to #2c56de

#2c56de Preview

Shades and Tints of #2c56de

Tones of #2c56de

Color Blindness Simulator