#2c55d6 hex color

In a RGB color space, hex #2c55d6 is composed of 17.3% red, 33.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 60.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 225.5 degrees, a saturation of 67.5% and a lightness of 50.6%. #2c55d6 color hex could be obtained by blending #58aaff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 33
- B 84
RGB color chart
- C 79
- M 60
- Y 0
- K 16
CMYK color chart

● #2c55d6 color description : Strong blue.

The hexadecimal color #2c55d6 has RGB values of R:44, G:85, B:214 and CMYK values of C:0.79, M:0.6, Y:0, K:0.16. Its decimal value is 2905558.

Hex triplet	2c55d6	`#2c55d6`
RGB Decimal	44, 85, 214	`rgb(44,85,214)`
RGB Percent	17.3, 33.3, 83.9	`rgb(17.3%,33.3%,83.9%)`
CMYK	79, 60, 0, 16
HSL	225.5°, 67.5, 50.6	`hsl(225.5,67.5%,50.6%)`
HSV (or HSB)	225.5°, 79.4, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.035, 32.645, -70.104
XYZ	16.422, 11.886, 65.043
xyY	0.176, 0.127, 11.886
CIE-LCH	41.035, 77.332, 294.97
CIE-LUV	41.035, -15.652, -103.452
Hunter-Lab	34.477, 24.691, -87.723
Binary	00101100, 01010101, 11010110

#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#d6ad2c
```
#d6ad2c rgb(214,173,44)
```

Complementary Color

#2caad6
```
#2caad6 rgb(44,170,214)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#582cd6
```
#582cd6 rgb(88,44,214)
```

Analogous Color

#aad62c
```
#aad62c rgb(170,214,44)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#d6582c
```
#d6582c rgb(214,88,44)
```

Split Complementary Color

#55d62c
```
#55d62c rgb(85,214,44)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#d62c55
```
#d62c55 rgb(214,44,85)
```

Triadic Color

#2cd6ad
```
#2cd6ad rgb(44,214,173)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#d62c55
```
#d62c55 rgb(214,44,85)
```
#d6ad2c
```
#d6ad2c rgb(214,173,44)
```

Tetradic Color

#1e3b98
```
#1e3b98 rgb(30,59,152)
```
#2243ad
```
#2243ad rgb(34,67,173)
```
#264cc3
```
#264cc3 rgb(38,76,195)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#4166da
```
#4166da rgb(65,102,218)
```
#5777de
```
#5777de rgb(87,119,222)
```
#6c89e2
```
#6c89e2 rgb(108,137,226)
```

Monochromatic Color

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

#2c80d6
```
#2c80d6 rgb(44,128,214)
```
#2c71d6
```
#2c71d6 rgb(44,113,214)
```
#2c63d6
```
#2c63d6 rgb(44,99,214)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#2c47d6
```
#2c47d6 rgb(44,71,214)
```
#2c39d6
```
#2c39d6 rgb(44,57,214)
```
#2e2cd6
```
#2e2cd6 rgb(46,44,214)
```

Similar Colors

Text with hexadecimal color #2c55d6

This text has a font color of #2c55d6.

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

#2c55d6 background color

This paragraph has a background color of #2c55d6.

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

#2c55d6 border color

This element has a border color of #2c55d6.

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

CSS codes

.text {color:#2c55d6;}

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

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

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, #000103 is the darkest color, while #f1f4fc is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#040713
```
#040713 rgb(4,7,19)
```
#070e23
```
#070e23 rgb(7,14,35)
```
#0a1434
```
#0a1434 rgb(10,20,52)
```
#0d1b44
```
#0d1b44 rgb(13,27,68)
```
#102155
```
#102155 rgb(16,33,85)
```
#142765
```
#142765 rgb(20,39,101)
```
#172e75
```
#172e75 rgb(23,46,117)
```
#1a3486
```
#1a3486 rgb(26,52,134)
```
#1d3a96
```
#1d3a96 rgb(29,58,150)
```
#2041a7
```
#2041a7 rgb(32,65,167)
```
#2447b7
```
#2447b7 rgb(36,71,183)
```
#274ec8
```
#274ec8 rgb(39,78,200)
```

Shade Color Variation

#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#3c62d9
```
#3c62d9 rgb(60,98,217)
```
#4d6fdc
```
#4d6fdc rgb(77,111,220)
```
#5d7de0
```
#5d7de0 rgb(93,125,224)
```
#6e8ae3
```
#6e8ae3 rgb(110,138,227)
```
#7e97e6
```
#7e97e6 rgb(126,151,230)
```
#8fa4e9
```
#8fa4e9 rgb(143,164,233)
```
#9fb2ec
```
#9fb2ec rgb(159,178,236)
```
#afbff0
```
#afbff0 rgb(175,191,240)
```
#c0ccf3
```
#c0ccf3 rgb(192,204,243)
```
#d0d9f6
```
#d0d9f6 rgb(208,217,246)
```
#e1e7f9
```
#e1e7f9 rgb(225,231,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7d88 is the less saturated color, while #0541fd is the most saturated one.

#7a7d88
```
#7a7d88 rgb(122,125,136)
```
#707892
```
#707892 rgb(112,120,146)
```
#66739c
```
#66739c rgb(102,115,156)
```
#5c6ea6
```
#5c6ea6 rgb(92,110,166)
```
#5369af
```
#5369af rgb(83,105,175)
```
#4964b9
```
#4964b9 rgb(73,100,185)
```
#3f5fc3
```
#3f5fc3 rgb(63,95,195)
```
#365acc
```
#365acc rgb(54,90,204)
```
#2c55d6
```
#2c55d6 rgb(44,85,214)
```
#2250e0
```
#2250e0 rgb(34,80,224)
```
#194be9
```
#194be9 rgb(25,75,233)
```
#0f46f3
```
#0f46f3 rgb(15,70,243)
```
#0541fd
```
#0541fd rgb(5,65,253)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#105fcc Protanomaly 1% of men, 0.01% of women
#1063bc Deuteranomaly 6% of men, 0.4% of women
#10689b Tritanomaly 0.01% of the population

#2c55d6 hex color

#2c55d6 Color Information

#2c55d6 Color Conversion

Color Schemes with #2c55d6

Alternatives to #2c55d6

#2c55d6 Preview

Shades and Tints of #2c55d6

Tones of #2c55d6

Color Blindness Simulator