#2c55d8 hex color

In a RGB color space, hex #2c55d8 is composed of 17.3% red, 33.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 60.6% magenta, 0% yellow and 15.3% black. It has a hue angle of 225.7 degrees, a saturation of 68.8% and a lightness of 51%. #2c55d8 color hex could be obtained by blending #58aaff with #0000b1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 33
- B 85
RGB color chart
- C 80
- M 61
- Y 0
- K 15
CMYK color chart

● #2c55d8 color description : Strong blue.

The hexadecimal color #2c55d8 has RGB values of R:44, G:85, B:216 and CMYK values of C:0.8, M:0.61, Y:0, K:0.15. Its decimal value is 2905560.

Hex triplet	2c55d8	`#2c55d8`
RGB Decimal	44, 85, 216	`rgb(44,85,216)`
RGB Percent	17.3, 33.3, 84.7	`rgb(17.3%,33.3%,84.7%)`
CMYK	80, 61, 0, 15
HSL	225.7°, 68.8, 51	`hsl(225.7,68.8%,51%)`
HSV (or HSB)	225.7°, 79.6, 84.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.199, 33.383, -70.982
XYZ	16.679, 11.989, 66.397
xyY	0.175, 0.126, 11.989
CIE-LCH	41.199, 78.44, 295.188
CIE-LUV	41.199, -15.659, -104.79
Hunter-Lab	34.625, 25.391, -89.456
Binary	00101100, 01010101, 11011000

#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#d8af2c
```
#d8af2c rgb(216,175,44)
```

Complementary Color

#2cabd8
```
#2cabd8 rgb(44,171,216)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#592cd8
```
#592cd8 rgb(89,44,216)
```

Analogous Color

#abd82c
```
#abd82c rgb(171,216,44)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#d8592c
```
#d8592c rgb(216,89,44)
```

Split Complementary Color

#55d82c
```
#55d82c rgb(85,216,44)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#d82c55
```
#d82c55 rgb(216,44,85)
```

Triadic Color

#2cd8af
```
#2cd8af rgb(44,216,175)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#d82c55
```
#d82c55 rgb(216,44,85)
```
#d8af2c
```
#d8af2c rgb(216,175,44)
```

Tetradic Color

#1d3b9b
```
#1d3b9b rgb(29,59,155)
```
#2143b0
```
#2143b0 rgb(33,67,176)
```
#254bc6
```
#254bc6 rgb(37,75,198)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#4266dc
```
#4266dc rgb(66,102,220)
```
#5778e0
```
#5778e0 rgb(87,120,224)
```
#6d89e4
```
#6d89e4 rgb(109,137,228)
```

Monochromatic Color

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

#2c80d8
```
#2c80d8 rgb(44,128,216)
```
#2c72d8
```
#2c72d8 rgb(44,114,216)
```
#2c63d8
```
#2c63d8 rgb(44,99,216)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#2c47d8
```
#2c47d8 rgb(44,71,216)
```
#2c38d8
```
#2c38d8 rgb(44,56,216)
```
#2e2cd8
```
#2e2cd8 rgb(46,44,216)
```

Similar Colors

Text with hexadecimal color #2c55d8

This text has a font color of #2c55d8.

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

#2c55d8 background color

This paragraph has a background color of #2c55d8.

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

#2c55d8 border color

This element has a border color of #2c55d8.

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

CSS codes

.text {color:#2c55d8;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040815
```
#040815 rgb(4,8,21)
```
#070e25
```
#070e25 rgb(7,14,37)
```
#0a1436
```
#0a1436 rgb(10,20,54)
```
#0d1b46
```
#0d1b46 rgb(13,27,70)
```
#102157
```
#102157 rgb(16,33,87)
```
#132768
```
#132768 rgb(19,39,104)
```
#162e78
```
#162e78 rgb(22,46,120)
```
#193489
```
#193489 rgb(25,52,137)
```
#1c3a99
```
#1c3a99 rgb(28,58,153)
```
#1f40aa
```
#1f40aa rgb(31,64,170)
```
#2247ba
```
#2247ba rgb(34,71,186)
```
#264dcb
```
#264dcb rgb(38,77,203)
```

Shade Color Variation

#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#3d62db
```
#3d62db rgb(61,98,219)
```
#4d70de
```
#4d70de rgb(77,112,222)
```
#5e7de1
```
#5e7de1 rgb(94,125,225)
```
#6e8ae4
```
#6e8ae4 rgb(110,138,228)
```
#7f98e7
```
#7f98e7 rgb(127,152,231)
```
#8fa5ea
```
#8fa5ea rgb(143,165,234)
```
#a0b2ed
```
#a0b2ed rgb(160,178,237)
```
#b0c0f0
```
#b0c0f0 rgb(176,192,240)
```
#c1cdf4
```
#c1cdf4 rgb(193,205,244)
```
#d2daf7
```
#d2daf7 rgb(210,218,247)
```
#e2e8fa
```
#e2e8fa rgb(226,232,250)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797d8b is the less saturated color, while #0641fe is the most saturated one.

#797d8b
```
#797d8b rgb(121,125,139)
```
#6f7895
```
#6f7895 rgb(111,120,149)
```
#66739e
```
#66739e rgb(102,115,158)
```
#5c6ea8
```
#5c6ea8 rgb(92,110,168)
```
#5269b2
```
#5269b2 rgb(82,105,178)
```
#4964bb
```
#4964bb rgb(73,100,187)
```
#3f5fc5
```
#3f5fc5 rgb(63,95,197)
```
#365ace
```
#365ace rgb(54,90,206)
```
#2c55d8
```
#2c55d8 rgb(44,85,216)
```
#2250e2
```
#2250e2 rgb(34,80,226)
```
#194beb
```
#194beb rgb(25,75,235)
```
#0f46f5
```
#0f46f5 rgb(15,70,245)
```
#0641fe
```
#0641fe rgb(6,65,254)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#105fcd Protanomaly 1% of men, 0.01% of women
#1063bd Deuteranomaly 6% of men, 0.4% of women
#10689c Tritanomaly 0.01% of the population

#2c55d8 hex color

#2c55d8 Color Information

#2c55d8 Color Conversion

Color Schemes with #2c55d8

Alternatives to #2c55d8

#2c55d8 Preview

Shades and Tints of #2c55d8

Tones of #2c55d8

Color Blindness Simulator