#2c56e0 hex color

In a RGB color space, hex #2c56e0 is composed of 17.3% red, 33.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 61.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 226 degrees, a saturation of 74.4% and a lightness of 52.5%. #2c56e0 color hex could be obtained by blending #58acff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 34
- B 88
RGB color chart
- C 80
- M 62
- Y 0
- K 12
CMYK color chart

● #2c56e0 color description : Bright blue.

The hexadecimal color #2c56e0 has RGB values of R:44, G:86, B:224 and CMYK values of C:0.8, M:0.62, Y:0, K:0.12. Its decimal value is 2905824.

Hex triplet	2c56e0	`#2c56e0`
RGB Decimal	44, 86, 224	`rgb(44,86,224)`
RGB Percent	17.3, 33.7, 87.8	`rgb(17.3%,33.7%,87.8%)`
CMYK	80, 62, 0, 12
HSL	226°, 74.4, 52.5	`hsl(226,74.4%,52.5%)`
HSV (or HSB)	226°, 80.4, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.11, 35.686, -74.056
XYZ	17.818, 12.572, 72.004
xyY	0.174, 0.123, 12.572
CIE-LCH	42.11, 82.205, 295.729
CIE-LUV	42.11, -15.935, -109.75
Hunter-Lab	35.456, 27.655, -95.586
Binary	00101100, 01010110, 11100000

#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#e0b62c
```
#e0b62c rgb(224,182,44)
```

Complementary Color

#2cb0e0
```
#2cb0e0 rgb(44,176,224)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#5c2ce0
```
#5c2ce0 rgb(92,44,224)
```

Analogous Color

#b0e02c
```
#b0e02c rgb(176,224,44)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#e05c2c
```
#e05c2c rgb(224,92,44)
```

Split Complementary Color

#56e02c
```
#56e02c rgb(86,224,44)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#e02c56
```
#e02c56 rgb(224,44,86)
```

Triadic Color

#2ce0b6
```
#2ce0b6 rgb(44,224,182)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#e02c56
```
#e02c56 rgb(224,44,86)
```
#e0b62c
```
#e0b62c rgb(224,182,44)
```

Tetradic Color

#193aa7
```
#193aa7 rgb(25,58,167)
```
#1c41bd
```
#1c41bd rgb(28,65,189)
```
#1f49d3
```
#1f49d3 rgb(31,73,211)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#4268e3
```
#4268e3 rgb(66,104,227)
```
#587ae7
```
#587ae7 rgb(88,122,231)
```
#6f8bea
```
#6f8bea rgb(111,139,234)
```

Monochromatic Color

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

#2c83e0
```
#2c83e0 rgb(44,131,224)
```
#2c74e0
```
#2c74e0 rgb(44,116,224)
```
#2c65e0
```
#2c65e0 rgb(44,101,224)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#2c47e0
```
#2c47e0 rgb(44,71,224)
```
#2c38e0
```
#2c38e0 rgb(44,56,224)
```
#2f2ce0
```
#2f2ce0 rgb(47,44,224)
```

Similar Colors

Text with hexadecimal color #2c56e0

This text has a font color of #2c56e0.

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

#2c56e0 background color

This paragraph has a background color of #2c56e0.

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

#2c56e0 border color

This element has a border color of #2c56e0.

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

CSS codes

.text {color:#2c56e0;}

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

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

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

#02040b
```
#02040b rgb(2,4,11)
```
#040a1c
```
#040a1c rgb(4,10,28)
```
#07102e
```
#07102e rgb(7,16,46)
```
#09163f
```
#09163f rgb(9,22,63)
```
#0c1c50
```
#0c1c50 rgb(12,28,80)
```
#0e2261
```
#0e2261 rgb(14,34,97)
```
#112772
```
#112772 rgb(17,39,114)
```
#132d83
```
#132d83 rgb(19,45,131)
```
#163394
```
#163394 rgb(22,51,148)
```
#1839a5
```
#1839a5 rgb(24,57,165)
```
#1b3fb6
```
#1b3fb6 rgb(27,63,182)
```
#1d45c7
```
#1d45c7 rgb(29,69,199)
```
#204bd9
```
#204bd9 rgb(32,75,217)
```

Shade Color Variation

#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#3d64e3
```
#3d64e3 rgb(61,100,227)
```
#4e71e5
```
#4e71e5 rgb(78,113,229)
```
#5f7fe8
```
#5f7fe8 rgb(95,127,232)
```
#708dea
```
#708dea rgb(112,141,234)
```
#829aed
```
#829aed rgb(130,154,237)
```
#93a8ef
```
#93a8ef rgb(147,168,239)
```
#a4b6f2
```
#a4b6f2 rgb(164,182,242)
```
#b5c4f4
```
#b5c4f4 rgb(181,196,244)
```
#c6d1f7
```
#c6d1f7 rgb(198,209,247)
```
#d7dff9
```
#d7dff9 rgb(215,223,249)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#80838c
```
#80838c rgb(128,131,140)
```
#767e96
```
#767e96 rgb(118,126,150)
```
#6d799f
```
#6d799f rgb(109,121,159)
```
#6474a8
```
#6474a8 rgb(100,116,168)
```
#5b6fb1
```
#5b6fb1 rgb(91,111,177)
```
#516abb
```
#516abb rgb(81,106,187)
```
#4865c4
```
#4865c4 rgb(72,101,196)
```
#3f60cd
```
#3f60cd rgb(63,96,205)
```
#355bd7
```
#355bd7 rgb(53,91,215)
```
#2c56e0
```
#2c56e0 rgb(44,86,224)
```
#2351e9
```
#2351e9 rgb(35,81,233)
```
#194cf3
```
#194cf3 rgb(25,76,243)
```
#1047fc
```
#1047fc rgb(16,71,252)
```

Tone Color Variation

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

#0068cb Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#1061d3 Protanomaly 1% of men, 0.01% of women
#1065c2 Deuteranomaly 6% of men, 0.4% of women
#106aa0 Tritanomaly 0.01% of the population

#2c56e0 hex color

#2c56e0 Color Information

#2c56e0 Color Conversion

Color Schemes with #2c56e0

Alternatives to #2c56e0

#2c56e0 Preview

Shades and Tints of #2c56e0

Tones of #2c56e0

Color Blindness Simulator